css动效练习集合
Nov 3, 2014
- 20141012 - animation练习
- 20141016 - hover练习1
- 20141016 - hover练习2
- 20141020 - hover练习3
- 20141102 - transform练习之rotate,translateZ
- 20141117 - 百度图片搜索,右侧百科介绍
- 20141201 - 径向动画菜单-从中心向四周散开-可自定起始角度的(20150201)
- 20141204 - 仿window桌面鼠标选中区域
- 20141209 - css3时钟—canvas时钟
- 20141221 - 进度条(无限滚动)
- 20141231 - hover-circle-border和hover-top-bottom
- 20150115 - 一个移动端的页面-memory(使用模拟移动设备打开)—hover练习-桑格花
- 20150125 - 图片层叠效果—animation会’走’的进度条(这次的两个小练习都不是技术很难的,但却是创意很难一下子想到的,算是积累素材吧。)
- 20150210 - 汉堡包菜单按钮(精巧的效果需要精密的计算,比如时差,长度等等)
- 20150716 - 太极图(利用元素的before和after伪元素可以做出很多规则的图形,基本图形是三角,再利用旋转,border-radius,变形等都可以组合成很多复杂的图形,是一个组合分解的过程)
- 20150805 - svg制作有动画效果的趋势线(3种方法)
- 20150814 - css3-pie-chart&&svg-pie-chart