-
纯CSS实现“开花”效果的加载(loading)动画
.parent{ margin:0 auto; position:relative; width:100px; height:100px; left:0; animation:parent 1s linear 0s infinite alternate; } .child{ posi……
-
纯CSS实现简单的轮播图及原理
假装是一张图片 假装是一张图片 假装是一张图片 假装是一张图片 假装是一张图片 如上示例,5张图片轮播,实现原理: 1、基本结构:ul宽度设置为500%,每个li宽度为20%,ul的left每次递减100%; 2、首先给ul指定一个动画,整个动画30秒,延迟……