为了账号安全,请及时绑定邮箱和手机立即绑定

CSS动画实用技巧

  • 三角形
    查看全部
  • background-size:cover;完全显示 background-position:50% 50% 显示中间位置
    查看全部
    0 采集 收起 来源:样式

    2015-08-24

  • border相邻两边配合为0px
    查看全部
  • 设置animation-delay为负值,表示跳过前面几秒,开始执行。 animation-delay:定义动画何时开始,它有三个值:默认0(立即执行动画),正值(延时指定时间后,开始执行动画),负值(立即执行,但跳过指定时间后进入动画)
    查看全部
  • translate移动 rotate旋转 scale放大 skew扭曲 matrix矩阵
    查看全部
  • background-size: length|percentage|cover|contain; length:设置背景图像的高度和宽度。第一个值设置宽度,第二个值设置高度。如果只设置一个值,则第二个值会被设置为 "auto"。 percentage: 以父元素的百分比来设置背景图像的宽度和高度。第一个值设置宽度,第二个值设置高度。如果只设置一个值,则第二个值会被设置为 "auto"。 auto:意思是高度或者宽度设定,另一个属性值是有已设定的属性值(高度或者宽度)后,等比例决定的。而不是自适应。比如: 1、效果很像属性contain; 2、效果很像属性cover; 3、 不同于cover和contain 4、 等同于 等同于 也等同于
    查看全部
    0 采集 收起 来源:样式

    2018-03-22

  • 1、CSS定位概览 2、通过rgba(红、绿、蓝、透明度)设置颜色 3、css3动画,2D或3D转换:transition 4、css动画平滑过渡:transition
    查看全部
    0 采集 收起 来源:效果简介.mp4

    2015-08-21

  • css动画技巧二: 设置border的颜色: 利用border-radius:50% 将边框变为圆形,再将圆形做旋转即可
    查看全部
  • 1.transform:变换,可以让某个元素改变形状,大小和位置。 2.它的值:translate(变化),rotate(旋转),scale(放大),skew(扭曲),matrix(主要是用来定义前面四个效果中没有的变化效果) 3.translate移动 rotate旋转 scale放大 skew扭曲 matrix矩阵 杂记:transfrom-arigin:定义变化的原点
    查看全部
  • csshake :css动画库 animate:动画效果,在单位时间内完成,执行几次,过渡效果 animate:findout ,1,infinite,ease-in-out 动画有无限循环的属性,infinite
    查看全部
  • 1.transition:过渡 Transform变换 Transition过度 :可以选择过度的属性、前面定义的Transform Animation动画 :事先定义好各个keyframe Transition 用于两个状态之间平滑过渡。
    查看全部
  • 常用动画属性--transition
    查看全部
    0 采集 收起 来源:课程介绍

    2015-08-21

  • 课外整理background-size属性(2) background-size: length|percentage|cover|contain; length:设置背景图像的高度和宽度。第一个值设置宽度,第二个值设置高度。如果只设置一个值,则第二个值会被设置为 "auto"。 percentage: 以父元素的百分比来设置背景图像的宽度和高度。第一个值设置宽度,第二个值设置高度。如果只设置一个值,则第二个值会被设置为 "auto"。 auto:意思是高度或者宽度设定,另一个属性值是有已设定的属性值(高度或者宽度)后,等比例决定的。而不是自适应。比如: 1、效果很像属性contain; 2、效果很像属性cover; 3、 不同于cover和contain 4、 等同于 等同于 也等同于
    查看全部
    0 采集 收起 来源:样式

    2018-03-22

  • box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素 content-box:这是由 CSS2.1 规定的宽度高度行为。宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框。 border-box:为元素设定的宽度和高度决定了元素的边框盒。就是说,为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。 inherit:规定应从父元素继承 box-sizing 属性的值;
    查看全部
    0 采集 收起 来源:样式

    2015-08-18

  • 课外整理background-size属性(1) background-size: length|percentage|cover|contain; cover:把背景图像扩展至足够大,以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。 contain:把图像图像扩展至最大尺寸,以使其宽度和高度完全适应内容区域。
    查看全部
    0 采集 收起 来源:样式

    2015-08-18

举报

0/150
提交
取消
课程须知
本课程适合HTML和CSS有一些实践的童鞋们。需要对CSS3有基本的了解。
老师告诉你能学到什么?
1、常用的CSS3动画属性介绍 2、介绍4个实用的动画技巧 3、如何一步步实现一个CSS3 Hover特效

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!