L'effet 3D avec des effets d'ombre sur CSS3

suis en train de réaliser cet effet 3D à l'aide de css3, L'effet 3D avec des effets d'ombre sur CSS3

C'est ce que j'ai essayer jusqu'à présent :

    border-radius: 12px;
    box-shadow: 0px 0px 11px #000000;
Pourquoi ne pas vous suffit de regarder la source...? Lien du site et nous vous donnerons l'effet exact
Pourriez-vous poster le lien? Je suis un peu curieux sur la façon dont ils l'ont fait :p
Il est appelé image

OriginalL'auteur Asme Just | 2013-06-05

  1. 4

    Pour faire une ombre comme l'image ci-dessus, vous devez utiliser après avant CSS3 balise et de les appliquer à div.

    .effect
{
position:relative;       
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect:before, .effect:after
{
content:"";
position:absolute; 
z-index:-1;
-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
box-shadow:0 0 20px rgba(0,0,0,0.8);
top:10px;
bottom:10px;
left:0;
right:0;
-moz-border-radius:100px / 10px;
border-radius:100px / 10px;
} 
.effect:after
{
right:10px; 
left:auto;
-webkit-transform:skew(8deg) rotate(3deg); 
-moz-transform:skew(8deg) rotate(3deg);     
-ms-transform:skew(8deg) rotate(3deg);     
-o-transform:skew(8deg) rotate(3deg); 
transform:skew(8deg) rotate(3deg);
}

    visite à stupidcodes.com pour plus d'exemple...

    L'effet 3D avec des effets d'ombre sur CSS3

    Merci, c'est plus que j'ai demandé...:)

    OriginalL'auteur Sunil Acharya

  2. 0
    .shadow-bottom {
-webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black;
}
    salut, eh bien pas pétantes ce à partir d'ici. jsbin.com/ilapuc/1/edit
    Qui ne peut être fait avec CSS dans un façon saine... Essayer de Photoshop.

    OriginalL'auteur Jonathan