CSS3
liayn523
这个作者很懒,什么都没留下…
展开
-
clip: rect() -- 矩形剪裁功能介绍
clip:rect(top right bottom left) 具体含义介绍如下: top right bottom left 分别指最终剪裁可见区域的上边,右边,下边与左边; 而所有烦人数值都表示位置,且是相对于原始元素的左上角而言。 用原创 2016-11-22 10:13:54 · 895 阅读 · 0 评论 -
纯css3制作炫酷的元素边框线条动画特效
这是一款使用纯CSS3制作的效果非常炫酷的元素边框线条动画特效。这个元素边框线条动画使用伪元素和animation、keyframes来制作线条运动效果。 制作方法 html结构 该边框线条动画特效的HTML结构使用的是一个空的来作为容器。 1. CSS样式 该边原创 2016-11-21 13:10:05 · 11260 阅读 · 1 评论 -
CSS -- 图片宫格不变形显示
最近在项目中需要实现类似手机相册的功能,照片九宫格显示,且不管什么样大小的照片显示都不会变形的功能,废话不多说,直接看代码:HTML: CSS:.confirmphotos{ width: 100%; background: #FFF; padding-left: 3%}.confirmphotos:after{ c原创 2017-06-26 15:05:56 · 1723 阅读 · 0 评论 -
CSS 选择符有哪些
1)id 选择器(#myid)2)类选择器(.myclassname)3)标签选择器(div,h1,p)4)相邻选择器(h1 + p)5)子选择器(ul > li)6)后代选择器(li a)7)通配符选择器(* )8)属性选择器( a[rel = "external"])9)伪类选择器(a: hover, li: nth - child)转载 2017-08-04 14:32:04 · 516 阅读 · 0 评论 -
display:none和visibility:hidden的区别
display:none:隐藏对应的元素,在文档布局中不再给它分配空间,它各边的元素会合拢, 就当他从来不存在。visibility:hidden:隐藏对应的元素,但是在文档布局中仍保留原来的空间。原创 2017-08-04 14:34:48 · 368 阅读 · 0 评论 -
怎么解决 display:inline-block 之间显示间隙问题?
1.移除空格(div之间回车);2.使用margin负值;3.使用font-size:0;4.letter-spacing;5.word-spacing;原创 2017-08-04 14:39:10 · 699 阅读 · 0 评论