HTML5&CSS3网页制作：认识transform.pptx

WordPress Tinection 最新版 多功能响应式主题HTML5+CSS3 带前端会员中心+商城系统

变形--3D转换;3D转换—与2D转换的区别;3D转换—与2D转换的区别;3D转换—与2D转换的区别;3D转换--旋转;3D转换—旋转;3D转换—旋转;3D转换—旋转;3D转换—旋转;3D转换—旋转;3D转换—旋转;3D转换—旋转;3D转换—旋转;3D转换—旋转;3D转换—旋转;3D转换—属性和其他方法;3D转换--属性和其他方法;3D转换--属性和其他方法;总结;;THANKS

动画属性3;animation-iteration-count属性;animation-iteration-count属性;animation-delay属性;animation-delay属性;animation-direction 属性;animation-direction 属性;animation-direction 属性;animation-direction 属性;animation属性;animation属性;animation属性;animation属性;总结;;THANKS

动画属性1;animation-name属性;animation-name属性;animation-name属性;animation-duration属性;animation-duration属性;动画属性实例;动画属性实例;总结;;THANKS

动画属性2;animation-timing-function属性;animation-timing-function属性;animation-timing-function属性;cubic-bezier(n,n,n,n)属性值可通过下图去理解：;animation-timing-function属性;animation-timing-function属性;总结;;THANKS

CSS3径向渐变 径向渐变 01 径向渐变 CSS3径向渐变是圆形或椭圆形渐变。颜色不再沿着一条直线轴变化，而是从一个起点朝所有方向混合。 background-image:radial-gradient(渐变形状 圆心位置,颜色值1,颜色值2...,颜色值n); 描述 语法格式 说明 radial-gradient用于定义渐变的方式为径向渐变，括号内的参数值用于设定渐变形状、圆心位置和颜色值。 径向渐变 渐变形状用来定义径向渐变的形状，其取值即可以是定义水平和垂直半径的像素值或百分比，也可以是相应的关键词。 渐变形状 圆心位置用于确定元素渐变的中心位置，使用“at”加上关键词或参数值来定义径向渐变的中心位置。 圆心位置 “颜色值1”表示起始颜色，“颜色值n”表示结束颜色，起始颜色和结束颜色之间可以添加多个颜色值，各颜色值之间用“,”隔开。 颜色值 径向渐变 background: radial-gradient(30% 70%, farthest-side, blue, red) 示例：设置红色，蓝色的径向渐变 总结 02 总结 掌握径向渐变书写形式 了解什么是CSS径向渐变 THA

CSS3线性渐变 CSS3渐变属性 01 CSS3渐变属性 在CSS3之前如果需要添加渐变效果，通常要设置背景图像来实现。而CSS3中增加了渐变属性，通过渐变属性可以轻松实现渐变效果。 CSS3渐变属性 css3中定义了两种渐变类型：线性渐变和径向渐变。线性渐变是指两个或者两个以上颜色之间显示平稳的过渡的动画效果，我们一般在css3中使用新增的gradients属性实现这个效果，我们根据渐变的方向分为从上至下、从右至左和对角渐变，其中默认的方向是从上向下渐变。 描述 线性渐变 02 线性渐变 描述 在线性渐变过程中，起始颜色会沿着一条直线按顺序过渡到结束颜色。 语法格式 background-image:linear-gradient(渐变角度,颜色值1,颜色值2...,颜色值n); 说明 linear-gradient用于定义渐变方式为线性渐变，括号内用于设定渐变角度和颜色值。 线性渐变 渐变角度指水平线和渐变线之间的夹角，可以是以deg为单位的角度数值或关键词。 渐变角度 颜色值用于设置渐变颜色，其中“颜色值1”表示起始颜色，“颜色值n”表示结束颜色，起始颜色和结束颜色之间可以添加

CSS高级特性--CSS层叠性 CSS层叠性 01 CSS层叠性 层叠性是指当一个标签被设置了多个重复的样式的时候，一个属性会覆盖另外一个属性。 比如：先给div设置背景颜色为红色，然后设置背景颜色为粉红色，那么最终颜色可能为红色，也可能为粉红色（明显的两种颜色设置不能并立，所以只为其一，这里没给出确定答案是因为还要考虑“优先级”） 总结 02 通过CSS层叠性介绍了解 CSS层叠性 小任务 总结 小任务 要求： 1、简述CSS层叠性。 感 谢 聆 听 BUSENESS ACTIVITY PLANNING THANKS

CSS核心基础--CSS基础选择器 CSS选择器 什么是CSS选择器？ CSS基础选择器 01 CSS基础选择器 要想将CSS样式应用于特定的HTML元素，首先需要找到该目标元素。在CSS中，执行这一任务的样式规则部分被称为选择器。 CSS基础选择器 基础选择器： 针对一类标签 标签选择器 针对某一个特定的标签使用 ID选择器 针对你想要的所有标签使用 类选择器 针对所有的标签都适用（不建议使用） 通用选择器（通配符） CSS基础选择器编写 02 CSS基础选择器编写 标签选择器：选择器的名字代表html页面上的标签 标签选择器，选择的是页面上所有这种类型的标签，所以经常描述“共性”，无法描述某一个元素的“个性”。

css

CSS基础选择器编写 ID选择器：规定用#来定义（名字自定义） 针对某一个特定的标签来使用，只能使用一次。css中的ID选择器以”#”来定义。