1./*pac-man*/
.pac-man{
width: 0;
height: 0;
border: 60px solid yellow;
border-color: yellow transparent yellow yellow;
-webkit-border-radius:60px;
-moz-border-radius:60px;
border-radius: 60px;
}
/*heart*/
.heart {
position: relative;
width: 160px;
height: 200px;
}
.heart:before {
position: absolute;
left: 20px;
width: 80px;
height: 120px;
content: "";
background: #f00;
border-radius: 100px;
border-radius: 100px 100px 0 0;
-webkit-transform: rotate(-45deg);
}
.heart:after {
position: absolute;
left: 48px;
top: 0;
width: 80px;
height: 120px;
content: "";
background: #f00;
border-radius: 100px;
border-radius: 100px 100px 0 0;
-webkit-transform: rotate(45deg);
}
2.按钮悬停效果:http://www.sucaihuo.com/jquery/24/2493/demo/
3.可以对input:-webkit-autofill使用足够大的纯色内阴影来覆盖input输入框的黄色背景;如:
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px #999 inset;
border: 1px solid #CCC!important;
}
css3多种漂亮搜索框:http://www.sucaihuo.com/jquery/21/2151/demo/
14种酷炫的input特效样式:http://www.sucaihuo.com/jquery/23/2336/demo/
zitifangye:http://www.html5tricks.com/demo/html5-3d-letter-text/index.html
tuptexiao:http://demo.lanrenzhijia.com/2015/css1120/