最终效果如图一，gif图片稍微有点卡顿，事实上代码在浏览器里执行得很流畅。这里面用到的css3技术非常简单，分别是border-radius、伪元素、css3关键帧以及animation动画。 　　首先整理一下大概的思路：整个圆分为AB两部分，左右都是半圆，上面盖了一个背景色为白色 ...

选择器 属性选择器： E[attr=val] E[attr] E[attr^=val] 属性值以val开头 E[attr$=val] 属性值以v ...

...

先来一张各种效果的预览图，其实代码并不复杂，关键看自己如何运用。 css：demo css：loaders ...

效果 效果图如下，纯css实现超酷炫的星级评分动画效果 ​ 实现思路 5个类型为radio的input，label标签修改样式背景图为星星 label标签给每个星星鼠标停留时加注名字 点击星星有放大旋转的动画 dom结构 用form实现 ...

效果 效果图如下，纯css实现超酷炫的星级评分动画效果 实现思路 5个类型为radio的input，label标签修改样式背景图为星星 label标签给每个星星鼠标停留时加注名字 点击星星有放大旋转的动画 dom结构 用form实现 ...

定义： 通过 @keyframes 规则，能够创建动画。 创建动画的原理是，将一套 CSS 样式逐渐变化为另一套样式。 在动画过程中，可以多次改变这套 CSS 样式。 以百分比来规定改变发生的时间，或者通过关键词 "from" 和 "to"，等价于 0% 和 100%。 0% 是动画 ...

css3 简单的玻璃扫光效果 ...