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 · 810 阅读 · 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 · 442 阅读 · 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 · 459 阅读 · 0 评论 -
css3实现loading效果的动画库
动画库:loaders.cssgithub : 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 · 1364 阅读 · 0 评论