最近点错了技能点,点到css3上去了。然后终于算是比较系统化的完成了一套样式的设计。没错就是现在博客用到的样式,除了惯性式的背景流动效果外,其它的绝大部分都是我自己通过撞大运式编程弄出来的。
这套样式翻来覆去的就用到了几种css3属性,感觉十分有用,在此记录下来。
transition
transition,动画效果(反正我是这么理解的)属性。例如博客现在样式中的:
- 超链接的颜色,蓝色变成金黄色
- 按钮的颜色
- 文章的边框阴影
- sidebar中的效果,向右移动,背景变化
使用方法
超链接颜色变化+字体大小变化
1 2 3 4 5 6 7 8 9 |
a { color:#fff; font-size:10px; transition:color 500ms, font-size 500ms; } a:hover { color:#000; font-size:20px; } |