7、动画

彩蛋

1.less与css

less

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-eLwriuiS-1632134429002)(C:\Users\Administrator\Desktop\学习笔记\前端学习\CSS\23、动画及视野拓展.assets\image-20210920183242738.png)]$

2.菜鸟教程与W3School教程

菜鸟教程

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dTxIwcLa-1632134429006)(C:\Users\Administrator\Desktop\学习笔记\前端学习\CSS\23、动画及视野拓展.assets\image-20210920183404387.png)]$

w3school

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-NrEz2yYs-1632134429008)(C:\Users\Administrator\Desktop\学习笔记\前端学习\CSS\23、动画及视野拓展.assets\image-20210920183413036.png)]$

3.搜索

1）css 动画

奔跑的马，动画

奔跑的马

2）JavaScript动画

4.canvas动画

canvas

5.卡巴斯基监控

卡巴斯基监控

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-3VVMTXkj-1632134429011)(C:\Users\Administrator\Desktop\学习笔记\前端学习\CSS\23、动画及视野拓展.assets\image-20210920182937819.png)]$

6.360浏览器之兼容模式

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4CTA9gZy-1632134429014)(C:\Users\Administrator\Desktop\学习笔记\前端学习\CSS\23、动画及视野拓展.assets\image-20210920182511573.png)]$