小特效
转身后_从未想过离开你
这个作者很懒,什么都没留下…
展开
-
CSS3实现的4种水波特效
(一)第一种方法(1)HTML结构 (2)CSS样式 html{ font-size: 20px; } body{ background:#444; } @-webkit-keyframes opac{ from { opacity: 1; width:0; heigh原创 2017-09-26 10:40:27 · 36355 阅读 · 2 评论 -
CSS3实现空心、实心三角指示箭头(利用正方形的旋转实现)
三角箭头一般而言,又分为两种,一种是视觉上没有边框的,我们叫做实心三角形;还有一种是视觉上有边框的,而三角箭头刨去边框的部分又要与主体元素的背景颜色一致,我们叫做空心三角形。原创 2017-09-27 17:17:38 · 3708 阅读 · 0 评论 -
CSS3实现空心、实心三角指示箭头(利用border的设置实现)
三角箭头一般而言,又分为两种,一种是视觉上没有边框的,我们叫做实心三角形;还有一种是视觉上有边框的,而三角箭头刨去边框的部分又要与主体元素的背景颜色一致,我们叫做空心三角形。原创 2017-09-27 16:15:24 · 19170 阅读 · 0 评论 -
写一个网页进度loading
loading随处可见,比如一个app经常会有下拉刷新,上拉加载的功能,在刷新和加载的过程中为了让用户感知到 load 的过程,我们会使用一些过渡动画来表达。最常见的比如“转圈圈”,“省略号”等等。 网页loading有很多用处,比如页面的加载进度,数据的加载过程等等,数据的加载loading很好做,只需要在加载数据之前(before ajax)显示loading效果,在数据返回之后(ajax转载 2017-10-25 21:24:44 · 463 阅读 · 0 评论