因为通过了升班考试后会有的几天休息,所以今天会觉得没课上很无聊。懒癌犯了又不想去自习室,索性就在寝室玩吧。打开电脑后发现我的电脑已经被我清理的干净的不能再干净了,所以也就放弃了。开始翻老师最近的上课的代码,我对那个用CSS3写出来的旋转木马的3D效果特别感兴趣,因为说这个的时候的第二天是升班考试,我也就没怎么留意,所以今天才开始敲。老师是用的transition过渡,然后让鼠标hover的时候开始旋转,敲完后我觉得这么写出来的效果我很不喜欢,因为我个人比较懒所以我才懒得移动鼠标去让他们转动呢 ,我要让他们自己旋转,嘿嘿。于是我干脆定义了一个动画,让它变成动画就可以自己动了啊。在一开始定义完动画以及引用后,会发现动画在重复执行的时候会有衔接不连贯的现象,盯着屏幕看了好久发现动画的duration属性我没有刻意的去设置,所以默认的是ease逐渐减速的,所以会一会快一会慢的在动画重复执行的时候会有衔接不连贯的现象,给改成了linear匀速后就好了。这样我就改进完成了,把图片替换成大学基友和他对象的合照,又给添加了背景音乐后,把这几十行代码以一顿饭的价格卖给了他(我是个坏人,我竟然忽悠好基友(T^T)哎,又不是第一次了,哈哈哈) 前端真的趣味十足,所有做得效果我都可以立马看见,即使很简单的一个小特效,看到后也会让你成就感爆棚,我真的很喜欢这样的感觉。同时还有了一个小体会,老师的写法不合胃口就在老师教的基础上自己动手折腾呗,代码这种东西又玩不坏,有自己想法的代码才是自己的,你们说呢 |