Passe o Mouse ESCREVA SEU TEXTO AQUI.

Admin

Firma del miembro:

Última edição por Admin em Qua Dez 12, 2012 8:54 am, editado 1 vez(es)

Teste img rotation - http://css-world.superforo.net/t3-teste-img-rotation

Da gracias por sus mensajes Admin haciendo clic en el ""

	/*---/ Efeito 3D Imagens /---*/ #r3d_container { position: relative; width: 300px; /* Definir a largura padrão da imagem */ height: 250px; /* Definir a altura padrão da imagem */ margin: 10px auto; z-index: 1; } #r3d_container { -webkit-perspective: 1000px; -moz-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; } #r3d_text { width: 100%; height: 100%; -webkit-transform-style: preserve-3d; -webkit-transition: all 1.0s linear; -moz-transform-style: preserve-3d; -moz-transition: all 1.0s linear; -o-transform-style: preserve-3d; -o-transition: all 1.0s linear; transform-style: preserve-3d; transition: all 1.0s linear; } #r3d_container:hover #r3d_text, #r3d_container.hover_effect #r3d_text { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -ms-transform:rotateY(180deg); box-shadow: -2px -2px 2px #aaa; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -o-border-radius:5px 5px 0 0; } .r3dface { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .r3dface.back { display: block; -webkit-transform: rotateY(180deg); -webkit-box-sizing: border-box; -moz-transform: rotateY(180deg); -moz-box-sizing: border-box; -o-transform: rotateY(180deg); -o-box-sizing: border-box; transform: rotateY(180deg); -ms-transform:rotateY(180deg); box-sizing: border-box; border-radius: 6px !important; padding: -20px; text-align: center; color: #000000; /* Definir a cor do texto*/ background-color: ; /* Definir a cor de fundo*/ } /*---/ Creditos: 2012 © Staffer Group BR™ /---*/ /*---/ http://staffergroupbr.stuning.net /---*/

Admin

Firma del miembro:

Teste img rotation - http://css-world.superforo.net/t3-teste-img-rotation

Da gracias por sus mensajes Admin haciendo clic en el ""