03 2018 档案

摘要:最近在学习一份来自git的动画框架源码,看懂70%的核心代码后,打算自己动手实践一版,然鹅,所有框架搭起来以后,在动画这块却出了问题: 想设计一个slideInLeft的动画,必然想到了要从偏移-10%的位置,移动到0的位置,于是,乐呵呵编写了如下代码: @keyframes fadeInLeft{ 阅读全文
posted @ 2018-03-13 14:00 sophel 阅读(958) 评论(0) 推荐(0) 编辑
摘要:变换:分为2d变换和3d变换,但一次只能用一个变换属性,多个的话最后一个会覆盖前面所有最终被浏览器实现,变换可以成为过渡和动画的一个待变参数(类似width,opacity等)。 过渡:是动画的初始模型和极简实现,只有初始状态(初始帧)和激活状态(结束帧)。 动画:可定义初始帧、中间帧、结束帧,通过 阅读全文
posted @ 2018-03-07 09:42 sophel 阅读(142) 评论(0) 推荐(0) 编辑
摘要:最近研究行内元素的对齐问题,发现img不管怎么设置,下边都有一块留白,强迫症无法忍受未知,于是开始了查阅探索之旅。 辗转来到张鑫旭的博客,他对行内盒子模型做了详细的介绍,包括“幽灵节点”,“line-height与vertical-align的基友关系”剖析都非常精彩,仅仅是对着所有案例实践、理解一 阅读全文
posted @ 2018-03-01 15:32 sophel 阅读(210) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示