高贵的啤酒/p
CSSS高贵啤酒/p
body {
background-color: #F0F0F0；
文本照明3360中心；
}
. icon-btn {
background : radial-gradient (circle farthest-sidea t30 %，white，#B2B2B2 )；
width: 100px；
height: 100px；
border-radius: 50%；
显示：在线块；
font-size: 75px；
line-height: 100px；
边距： 25px；
定位：关系；
文本照明3360中心；
WebKit-animation 3360 jump 2s infinite；
- moz-animation 3360 jump 2s infinite；
animation: jump 2s infinite；
}
. wrapper {
width: 100px；
height: 100px；
显示：在线块；
定位：关系；
}
/过时的松鼠Circle inside过时的松鼠/
. icon-btn span {
显示：块；
width: 0；
height: 0；
border-radius: 0；
定位：助手；
left: 50%；
top: 50%；
边距： 0；
-webkit-transition: all 0.3s；
-moz-transition: all 0.3s；
transition: all 0.3s；
}
. icon-btn:hover span {
width: 100px；
height: 100px；
border-radius: 100%；
边距：-50px；
}
. facebook span {
background 3360 radial-gradient (circle farthest-sidea t30 %、#FFF、#ADB9D4 25%、#3B5998 80% )；
}
. twitter span {
background 3360 radial-gradient (circle farthest-sidea t30 %、#FFF、#C6E0FF 25%、#4099FF 80% )；
}
. google-plus span {
background 3360 radial-gradient (circle farthest-sidea t30 %、#FFF、#F4CEC4 25%、#DB5A3C 80% )；
}
. icon-btn i {
background: none；
width: 100px；
height: 100px；
定位：助手；
left: 0；
top: 0；
line-height: 90px；
字体大小： 50px；
z-index: 10；
}
. icon-btn .icon-facebook {
color: #3B5998；
}
. icon-btn .icon-twitter {
color: #4099FF；
}
. icon-btn .icon-google-plus {
color: #DB5A3C；
}
. icon-btn:hover i {
color:白色；
}
. wrapper {
定位：保留；
显示：在线块；
边距： 20px；
}
/过时的松鼠表演(过时的松鼠) /
. shadow {
width: 46px；
height: 10px；
background : rgba (0，0，0，0.2 )；
定位：助手；
left: 50%；
边距-顶部：-10px；
border-radius: 50%；
WebKit-animation 3360 shadow 2s infinite；
- moz-animation 3360 shadow 2s infinite；
animation: shadow 2s infinite；
}
/过时的松鼠KEYFRAMES过时的松鼠/
@-webkit-keyframes shadow {
50% {
- WebKit-transform : scale (1.4；
}
}
@-moz-keyframes shadow {
50% {
-最大传输3360 scale (1.4；
}
}
@keyframes shadow {
50% {
转换： scale (1. 4；
}
}
@-webkit-keyframes jump {
0% {
bottom: 20px
}
50% {
bottom: 0；
}
百分之百{
bottom: 20px
}
}
@-moz-keyframes jump {
0% {
bottom: 20px
}
50% {
bottom: 0；
}
百分之百{
bottom: 20px
}
}
@keyframes jump {
0% {
bottom: 20px
}
50% {
bottom: 0；
}
百分之百{
bottom: 20px
}
}