基础

CSS阴影效果

CSS阴影效果css阴影效果是我们经常使用的一个css属性,但你有仔细了解过它吗?是不是用的时候直接从蓝湖上复制过来就行了,那你了解它的每个参数吗?用阴影又能实现哪些好看的效果呢?在网页设计中常常要使用到阴影效果,……

CSS3中2D转换形式

CSS3中2D转换形式CSS中的2D转换允许我们在二维空间中执行一些基本的变换操作,例如移动、旋转、缩放或扭曲等,变换后的元素与绝对定位的元素类似,不会影响周围的元素,但可以和周围的元素重叠,不同的是,转换后的元素在页面中……

CSS3中3D转换形式

CSS3中3D转换形式CSS3D转换在CSS中,除了可以对页面中的元素进行2D转换外,您也可以对象元素进行3D转换(将页面看作是一个三维空间来对页面中的元素进行移动、旋转、缩放和倾斜等操作)。与2D转换相同,3D转换同样不……

CSS过渡效果(transition)

CSS过渡效果(transition)通常当CSS的属性值更改后,浏览器会立即更新相应的样式,例如当鼠标悬停在元素上时,通过:hover选择器定义的样式会立即应用在元素上。在CSS3中加入了一项过渡功能,通过该功能您可以将元素从一种样式在……

CSS动画(animation)

CSS动画(animation)通过之前的学习我们知道,利用transition属性可以实现简单的过渡动画,但过渡动画仅能指定开始和结束两个状态,整个过程都是由特定的函数来控制的,不是很灵活。本节我们再来介绍一种更为复杂的动画&md……

CSS3多列布局(Multi-column)

CSS3多列布局(Multi-column)多列布局(Multi-column)多列布局就是将文本内容设计成像报纸那样的多列布局。或者说在之前我们通过js或者JQuery才能实现的瀑布流,在CSS3中我们可以直接通过CSS就可以实现,虽然有兼容……

CSS滤镜(filter)

CSS滤镜(filter)说起滤镜可能大家首先想到的就是PhotoShop之类的制图软件,通过此类软件的滤镜可以对图片进行美化。而在CSS中,我们无需借助任何软件也可以实现很多种滤镜效果,例如模糊效果、透明效果、色彩反差调整、……

CSS改变盒子模型(box-sizing)

CSS改变盒子模型(box-sizing)box-sizing属性是CSS3中引入的,有人解释为它可以指定用width属性与height属性分别指定的宽度值与高度值是否包含元素内部的补白区域,以及边框的宽度与高度。这句话有点绕,我理解为它是一……

CSS弹性布局/弹性盒子(flex布局)

CSS弹性布局/弹性盒子(flex布局)flex是flexiblebox的缩写,译为“弹性布局”,用来为盒模型提供最大的灵活性,任何一个容器都可以指定为flex布局,只需要设置“display:flex&……

CSS调节元素大小(resize)

CSS调节元素大小(resize)resize属性是CSS3UI中的一个属性,允许用户调整元素的尺寸。resize属性是CSS3UI中的一个属性,允许用户调整元素的尺寸。resize: none|both|horiz……