方法：1、用transform属性和scale()函数放大div，语法为“元素{transform:scale(放大倍数)}”；2、用width和height属性实现放大div效果，语法为“元素{width:宽度;height:高度}”。本

2022-02-23 17:34点击阅读

CSS3变形指的是利用transform属性对元素进行旋转、扭曲、缩放、位移、矩阵、原点等类型的变形处理；元素的变形操作需要配合使用rotate()、skew()、scale()、translate()、matrix()等函数来实现。本教程

2022-02-23 17:34点击阅读

方法：1、用“@keyframes 名称{100%{transform:rotateY(角度);}}”语句设置元素翻转的动画效果；2、用“元素{animation-iteration-count:2}”语句设置元素动画翻转的次数为2次即可。

2022-02-23 17:34点击阅读

在css中，可以利用“:nth-child(n)”选择器来选择第三个li元素，该选择器的作用就是选择父元素下的第n个子元素，当选择器中的数字为3时，会选择第3个元素，语法为“li:nth-child(3){css样式代码;}”。本教程操作环

2022-02-23 17:34点击阅读

在css中，可以利用“background-image”属性和“linear-gradient()”函数实现元素背景线性渐变，语法为“元素{background-image:linear-gradient(渐变方向,颜色1,颜色2..)”。

2022-02-23 17:34点击阅读

在css3中，可以使用background属性和linear-gradient()函数来实现背景线性渐变，语法“background:linear-gradient(渐变方向,颜色1,颜色2,...);”。本教程操作环境：windows7系

2022-02-23 17:34点击阅读

方法：1、利用“div{animation:名称 时间}”语句给div元素绑定滑动动画；2、利用“@keyframes 名称{0%{transform:translateX(滑入距离)}}”语句设置滑动动画的动作，实现div右侧滑入效果。本

2022-02-23 17:34点击阅读

css中，float属性用于定义元素在哪个方向浮动，语法为“元素{float:value}”；当属性的值为“left”可设置元素向左浮动；当属性的值设置为“right”可设置元素向右浮动；当属性的值设置为“none”可设置元素不浮动。本教程

2022-02-23 17:34点击阅读

css中，可用“animation-play-state”属性取消动画效果，该属性可规定动画的运行暂停效果，属性的值为“paused”时动画会暂停，也就是取消动画效果，语法“元素{animation-play-state:paused}”。

2022-02-23 17:34点击阅读

方法：1、利用“border:长度值 solid transparent;border-top:高度值 solid 颜色值”语句，可以设置空元素为三角形样式；2、将小的三角形元素放置在不同颜色的大三角形元素内，就可以实现三角形带边框的效果。

2022-02-23 17:34点击阅读

css中关键帧是决定animation动画变化的关键位置，是通过“Keyframes”来定义的，是css创建动画的一种规则；语法为“@keyframes 动画名{keyframes-selector{css-styles;}}”。本教程操作

2022-02-23 17:34点击阅读

方法：1、用“@keyframes 名称{99%{opacity:1;}100%{opacity:0;}}”语句设置元素消失动画；2、用“元素{animation-duration:时间}”语句设置动画元素的动画时间，时间过后元素就会消失。

2022-02-23 17:34点击阅读

方法：1、使用animation属性给元素绑定动画；2、使用“@keyframes 动画名{50%{width:放大的宽度值;height:放大的高度值;transform:rotate(旋转角度);}}”语句控制动画的动作，实现放大旋转。

2022-02-23 17:34点击阅读

css3可以加描边，方法：1、使用text-shadow属性，通过给文字周围添加文字阴影来实现描边效果；2、使用text-stroke属性，语法“text-stroke:描边宽度 颜色;”；3、利用SVG给文字加描边。本教程操作环境：win

2022-02-23 17:34点击阅读

在css中，可以利用“border-style”属性实现边框凸起样式，该属性用于设置元素边框的样式，当属性的值为“outset”时，可以设置元素边框为凸起，语法为“元素{border-style:outset;}”。本教程操作环境：wind

2022-02-23 17:34点击阅读

方法：1、用animation属性给元素绑定动画；2、用“@keyframes 名称{100%{transform:rotate(旋转角度)translate(位移距离);}}”语句设置元素的旋转和位移的动作关键帧，实现旋转加位移动画效果。

2022-02-23 17:34点击阅读

方法：1、使用“animation: 动画名称 5s infinite;”语句给元素绑定动画；2、使用“@keyframes 动画名称 {50% {transform: scale(-1,1);}}”语句控制动画的动作，实现左右翻转效果。本

2022-02-23 17:34点击阅读

实现方法：1、使用“@keyframes 动画名称 {50% {transform: rotate(旋转角度);}”语句创建旋转动画；2、使用“元素{animation:动画名称 时间 infinite;}”语句将旋转动画应用于指定元素中。

2022-02-23 17:34点击阅读

在css中，可以利用“cursor”属性设置鼠标禁止的样式，该属性用于设置鼠标显示的光标形状，当属性的值设置为“not-allowed”时，就可以将鼠标设置为禁止样式，语法为“元素{cursor:not-allowed;}”。本教程操作环境

2022-02-23 17:34点击阅读

css中因为要兼容不同浏览器的属性支持，浏览器厂商会在属性前加一个私有前缀来支持新属性；前缀为“-webkit-”的属性，能够在以webkit为内核的浏览器中正常使用，例如“safari”和“chrome”浏览器。本教程操作环境：windo

2022-02-23 17:34点击阅读