Ayuda Boton con transform-style: preserve-3d
Publicado por juan (2 intervenciones) el 14/03/2017 20:35:06
Tengo un boton en mi pagina de wordpress con el efecto preserve-3d, pero este efecto no me deja redireccionaro cuando tengo el content, podrian ayudarme
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
#botonp {
color: #000000;
transform-style: preserve-3d;
transition: all 500ms ease;width: 100%;
text-transform: none;
margin-top:80px;
background: #F8F8F8;
font-size: 12px;
box-sizing: border-box;
border: none;}#botonp:after {
top: -100%;
left: 0px;width: 100%;
position: absolute;background: #d66e16;
content: 'Estilos';
transform-origin: left bottom;
transform: rotateX(90deg);
color:#ffffff;
}#botonp:hover{
transform-origin: center bottom;
transform: rotateX(-90deg) translateY(100%);
}Valora esta pregunta
0
