在个人网站的基础上开发并完善,实现以下内容:
居中:位移 translate();注意和其它居中方式的对比
按钮设计:倾斜 skew() 变换
呼吸灯:缩放 scale() 变换
网站加载/进度条:线性、缩放并改变颜色
信息卡片:构造 3D 空间,使用相对定位和绝对定位将卡片重叠到一起;鼠标 :hover时,卡片翻转
魔方:构造 3D 空间,移动、翻转魔方各面,创建双层 3D 魔方;静态时,循环旋转;当鼠标 :hover 时,魔方外层展开,内层显现
画廊*:构造 3D 空间、重复帧动画
数字时钟*:利用伪元素、相对定位和绝对定位,实现时钟表盘静态;配合 JavaScript 使得时钟走起来