CSS3减去繁琐的JS
文章平均质量分 62
一个被程序员耽误的厨师
经历一番,才会沉淀,人生需要储备
展开
-
CSS实现的loading页面等待效果
有些页面加载起来比较慢,为了加强用户体验效果,所以一般都会做一个页面加载等待的提示,页面加载完成后消失。下面是用CSS实现的一个简单的页面加载等待效果,大家可以参考: [html] view plain copy span style="font-size:18px;">> html> head> meta http-equiv="Co转载 2016-10-13 09:46:33 · 1650 阅读 · 1 评论 -
瀑布流布局神器——JQuery Masonry
最近在做个网站时,其中有一部分涉及到很多图片布局,想采用比较流行的Water Flow布局。 开始的时候自己动手写的,真费事情,没有考虑检测图片大小,虽然也能达到布局效果,但是图片有的本身尺寸比较小却被强行拉大了,看起来很不和谐。后来上网收了一下,原来有很好的Water Flow布局工具使用。下面来认识一下这个神器吧~ 神器名称:JQuery Masonry , 网址:http://m转载 2016-09-28 16:28:36 · 909 阅读 · 0 评论 -
瀑布流布局
我们常能在网上看到很多瀑布流布局的页面,尤其是很多图片网站,例如百度图片。这种最典型的瀑布流布局,每个元素的宽度是固定的,但图片长度各不相同,于是通过下图这种样子竖着排列了下来,达到了最大的页面空间利用率。 因为对前端开发不了解,一开始为了找到这种布局叫什么名字也是花了我好久时间o(╯□╰)o 瀑布流布局不局限于等宽布局,例如下面这种形式也可以,来自Masonry官网截转载 2016-09-28 16:52:33 · 450 阅读 · 0 评论 -
制作微信单页,全屏浏览,网站动画,CSS3动画,animate.css是一个不错的选择
Animate.css是一个有趣的,跨浏览器的css3动画库。很值得我们在项目中引用。 用法 1、首先引入animate css文件 1 2 3 head> link rel="stylesheet" href="animate.min.css"> head> 2、给指定的原创 2016-12-29 10:41:46 · 1414 阅读 · 0 评论 -
鼠标换过 边框 变色 并带有动画效果
效果图: 鼠标滑过之前 html: 职位名称 职位名称 职位名称原创 2017-03-03 15:08:10 · 1737 阅读 · 0 评论 -
CSS3实现瀑布流方法?
外层 ul{ padding: 0 0.4rem; padding-top: 0.133333rem; border: 0; -moz-column-count:2; /* Firefox */ -webkit-column-count:2; /* Safari 和 Chrome */ column-count:2; } 内层li{ w原创 2017-07-10 17:32:03 · 483 阅读 · 0 评论 -
CSS3做一个三角,并将文字旋转
不说废话,直接上图吧 已上架 #productStatus{ position: absolute; right: 0; top: 0; height: 1.81rem; width: 1原创 2017-10-27 14:07:04 · 1481 阅读 · 0 评论