乐胖代购免代理版

{{ interaction.likeNum == 0 ? (pageType === 'video' ? '抢首赞' : '点赞') : formatNumber(interaction.likeNum) }} {{ interaction.collectionNum == 0 ? '收藏' : formatNumber(interaction.collectionNum) }} {{ interaction.discussNum == 0 ? (pageType === 'video' ? '抢沙发' : '讨论') : formatNumber(interaction.discussNum) }}

提问 {{ interaction.noteNum > 0 ? interaction.noteNum + '篇笔记' : '记笔记' }} 离线观看

下载学堂APP

缓存视频离线看

报告问题离线观看

下载学堂APP

缓存视频离线看

课程介绍

讨论{{interaction.discussNum ? '(' + interaction.discussNum + ')' : ''}}

适合人群

前端新手小白，对CSS3动画及交互感兴趣的同学，对纯CSS3动画感兴趣的同学

你将会学到

对于前端小白和对CSS3动画感兴趣的同学来说，学习CSS3的动画案例开发是一门必不可少的一门课程

课程简介

CSS是英语Cascading Style Sheets（层叠样式表单）的缩写，它是一种用来表现HTML或 XML 等文件样式的计算机语言。CSS目前**版本为CSS3，能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的**控制，支持几乎所有的字体字号样式，拥有对网页对象盒模型的能力，并能够进行初步交互设计，是目前基于文本展示非常优秀的表现设计语言。

本套课程属于2020年**录制课程，大喵将手把手带着大家上手精选20个纯CSS3动画项目精选案例项目实战，让小伙伴们能够轻松上手，企业公司项目开发过程中遇到的页面动画交互效果需求实现，以及一些更加炫酷精湛创意动画想法的实现，成为一名酷酷哒前端开发工程师。

课程实战内容包括：

01.3D文字效果制作、02.雪花飘落效果、03.图文模糊效果、04.文字卡片折叠效果、05.六角形效果、06. 进度条颜色跟随效果、07. 动态视频背景效果、08. 按键文字跳动效果、09. 弹跳小球效果、10. 3D翻折菜单导航效果、11. 3D圆环层叠动画效果、12. 水波浪球起伏效果、13. 遮罩透明滤镜文字效果、14. 阴阳无极八卦阵效果、15. 文字双屏进入进出效果、16. 炫酷光影加载效果、17. 文字背景水波浪效果、18. 炫酷发光倒影按钮、19. 扁平预加载动画效果、20. 烟囱冒烟动画效果