一:背景样式
1,背景原点
设置元素背景图片的原始起始位置。必须保证背景是background-repeat为no-repeat 此属性才会生效。
语法:
background-origin : border-box | padding-box | content-box;
2,背景的显示区域
设定背景图像向外裁剪的区域
语法:
background-clip : border-box | padding-box | content-box | text
3,背景尺寸
设置背景图片的大小,以长度值或百分比显示,还可以通过cover和contain来对图片进 行伸缩。
语法:
4,背景样式缩写
4.1,多重背景
二:列表样式
1.项目符号
2.自定义项目符号
三:变形样式
四:过渡动画
1. transition-property(过渡属性):
在CSS中创建简单的过渡效果可以从以下几个步骤来实现:
第一,在默认样式中声明元素的初始状态样式;
第二,声明过渡元素最终状态样式,比如悬浮状态;
第三,在默认样式中通过添加过渡函数,添加一些不同的样式。
2. transition-duration(过渡所需时间):
3. transition-timing-function(动画--过渡函数) :
4. transition-delay(动画--过渡延迟时间):
5. transition(过渡):
时间: 2024-10-13 22:13:27