疏忽的咖啡/p
CSSS疏忽的咖啡/p
布洛迪，
html {
background: #F5F5F5；
height: 100%；
}
. suelo {
height: 70vh；
width: 100%；
后台：红；
定位：助手；
bottom: 0；
background :-WebKit-linear-gradient (# e8e8e 85 %、gainsboro 20%、#F5F5F5 100% )；
background :线性梯度(# e 8e8e8 )5%、gainsboro 20%、#F5F5F5 100% )；
}
. boton {
定位：助手；
top: 50%；
left: 50%；
- WebKit-transform-origin : bottom center；
变换方向3360底部中心；
-webkit-perspective: 100px；
perspective: 100px；
- WebKit-transform : rotatex (55 deg ) translateY(0) 0；
变换： rotatex (55 deg )变换y (0) 0；
边距-顶部：-140 px；
边距左边缘：-140 px；
height: 280px；
width: 280px；
background-image :-WebKit-linear-gradient (45 deg，#B81F15，#ed6860 )；
background-image :线性梯度(45 deg，#B81F15，#ed6860 )；
border-radius: 50%；
box-shadow 3360 inset 4px-4px 5px # ea 5349、inset 24px-24px 40 px # e83d 32、024 px0px # b81 f15、0 px 30 px2px rgba (0，0，0，0，0，0，0，0，0，0，0 )
cursor: pointer；
- WebKit-transition :2 sease-in-out；
transition: 0.2s ease-in-out；
background-position: 0px 0px；
}
. boton:hover {
- WebKit-transform : rotatex (55 deg ) translatey(-5px )；
转换： rotatex (55 deg )转换y (-5px )；
box-shadow 3360 inset 4px-4px 5px # ea 5349、inset 24px-24px 40 px # e83d 32、029 px0px # b81 f15、0 px 35 px 2px rgba (0，0，0，0，0，0，0，0，0，0，0 )
}
. boton :活动{
background-image :-WebKit-linear-gradient (45 deg，#B81F15，#ed6860 )；
background-image :线性梯度(45 deg，#B81F15，#ed6860 )；
- WebKit-transform 3360 rotatex (55 deg ) translatey ) 20px；
转换： rotatex (55 deg )转换y ) 20px；
box-shadow 3360 inset 2px-2px 5px # ea 5349、inset 24px-24px 40 px # e83d 32、04 px0px # b81 f15、0 px 10 px 2px rgba (0，0，0，0，0，0 )
}