一、CSS3的背景属性
1、background
-size:用来指定图片的尺寸,用法如下
-origin:规定图片从哪里开始显示,用法如下
-clip:指定背景图片从什么位置开始裁剪
2、border
-image: 在边框上给一个背景图片(吐槽下,这玩意就是个鸡肋),用法如下
-color: 给边框加颜色,但这个必须加上style配合使用,使用方法如下
二、阴影
1、box-shadow: 盒阴影,用法如下
注:每个值的效果,可以自行逐一调试
2、text-shadow: 文字阴影,用法如下
注:几个属性值所表示的是偏移量、模糊半径、颜色,具体效果手动调试
三、自动换行
1、word-wrap: 用法如下
注:此属性可以强制让长单词换行,可以避免因为单词过长超出或是换行产生空白
四、圆角
1、border-radius: 可以快速的单切或多切想要的弧度,用法如下
五、动画
1、tansform: 可以进行一系列的动画操作,但只能控制动画的开始和结束,用法如下
2、animation: 可以控制动画的关键帧,用法如下
-timing-function:运动
linear: 线性过渡
ease: 平滑过渡
ease-in: 由慢到快
ease-out: 由快到慢
ease-in-out: 由慢到快再到慢
3、transition: 过渡
注:transition过渡可以放在多种属性上,例如::hover、:focus、:active、:checked
好了,今天的分享就到这,如果觉得有用,拿手来一个小爱心,不足之处请多多指教。