CSS基础8-浏览器兼容与动画

• 选中有attr且属性值为v的元素e e[attr=“v”]

• 选中有attr且以v开头的元素e e[attr^=“v”]

• 选中有attr且以v结尾的元素e e[attr$=“v”]

背景渐变

=======================================================================

1. 线性渐变

backgrond:linear-gradient(color1,color2)

background:linear-gradient(color *%,color *%)

background:linear-gradient(to 方向,color1,color2)

background:linear-gradient(to 方向1 ，方向2,color1,color2)

backgrond:linear-gradient(*deg,color1,color2)

注：常见于纯色分离

效果：

.

代码:

box1{

width: 100px;

height: 100px;

background: linear-gradient(45deg,orange 30%,orangered 30%);

}

2. 径向渐变

background:radial-gradient(color1,color2)

background:radial-radient(ellipse|circle, color1,color2)

backgrond:radial-gradient(color *%,color2 *%)

3. 重复渐变

线性渐变 background:repeating-linear-gradient

径向渐变 background:repeating-radial-gradient

过渡

=====================================================================

让数值可以数字化的属性，变化可以慢慢进行

transtion:过度属性 执行时间 延迟时间 变化的曲线；

动画

=====================================================================

定义动画

@keyframes 动画名{

0%{开始状态}

*%{中间状态}

100%{结束状态}

}

绑定，执行调用动画

animation:动画名 动画执行时间 延迟时间 执行次数 变化曲线 变化的方向；

变化曲线一些值：

| 值 | 变化 |

| :-: | :-- |

| ease | 缓缓启动，加速，缓缓慢下来（推荐使用） |

| linear | 速度一致 |

| ease-in | 缓缓启动，加速 |

ajax

1)ajax请求的原理/ 手写一个ajax请求？
2)readyState？
3)ajax异步与同步的区别？
4)ajax传递中文用什么方法？

x请求？
2)readyState？
3)ajax异步与同步的区别？
4)ajax传递中文用什么方法？

[外链图片转存中…(img-HxAwCfsI-1714259497206)]

[外链图片转存中…(img-ozUr5su5-1714259497207)]

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】