css
关注
分享
扫一扫
文章平均质量分 80
LiuJun2Son
专注前端开发,熟悉移动端和后端开发
展开
-
css3实现loading效果一
1.css3模拟下雨效果 主要使用到的ccs3的属性： animation-name //自定义动画的名称 animation-duration //动画的时长 animation-timing-function //动画的时间函数 animation-delay //动画开启前的延迟 animation-iteration-count //循环次数 animation-direction ...原创 2018-04-04 09:44:08 · 827 阅读 · 0 评论 -
css3实现loading效果二
css3实现点的加载进度 使用的的css3的属性： border-radius： rgba(255,255,255,1)： box-shadow: h-shadow v-shadow blur spread color inset; h-shadow 必需。水平阴影的位置。允许负值。 v-shadow 必需。垂直阴影的...原创 2018-04-04 10:21:59 · 471 阅读 · 0 评论 -
css3实现loading效果三
css3实现定位的动画 使用到的css3的属性： border-radius: rgba(): box-shadow: transform: animation: 执行的效果： 1.编写布局代码 <!--背景布局--> <div id="box"> <!-- 定位动画 --> <div class="location"...原创 2018-04-04 11:14:57 · 481 阅读 · 0 评论 -
css3实现loading效果的动画库
动画库：loaders.css github : https://github.com/ConnorAtherton/loaders.css 部分效果图： 1.导入动画库 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title&a原创 2018-04-04 11:40:47 · 1431 阅读 · 0 评论