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

CSS3图片动态提示效果

jack.xu Web前端工程师
难度初级
时长 1小时12分
学习人数
综合评分9.53
159人评价 查看评价
9.9 内容实用
9.3 简洁易懂
9.4 逻辑清晰
  • 简单响应式布局原理。
    查看全部
    0 采集 收起 来源:HTML响应式布局

    2015-09-29

  • 媒体查询就是通过不同的媒体类型和条件定义样式规则。 媒体查询让css可以更精确作用于不同的媒体类型和同一媒体的不同条件。 媒体查询的大部分媒体特性都接受max和min用于表达“大于或等于”和“小于或等于” 如:width会有min-width 和max-width 媒体查询的三种写法 媒体查询在@media和@import规则上,也可用在HTML和XML中
    查看全部
    1 采集 收起 来源:媒体查询

    2015-09-28

  • transition: css3属性,主要用于元素的过渡动画处理 属性:property duration timing-function delay
    查看全部
  • transform 为css3属性,主要用于元素的变形处理 属性:translate(平移) rotate(旋转) scale(缩放)skew(斜切) translate:指定对象的2D translation 第一个参数对应X轴,第二个参数对应Y轴。如果第二个参数未提供,则默认为值为0。 transform:translate(10px,10px) rotate:指定对象的2d rotation 需先有transform-origin属性的定义。默认以中心点 例如:rotate(90deg),transform-origin:0 0; scale:指定对象的2D scale (2D缩放) 第一个参数对应X轴,第二个参数对应Y轴。 例如:scale(0.5 0.5) skew:指定对象skew transformation(斜切扭曲)。例如:skew(50deg,20deg)
    查看全部
  • figure以及figcaption标签 HTML5语义化标签。 1,figure 用于规定独立的流内容(图像,图表,照片,代码等等) 2,figcaption 与figue 配套使用,用于标签定义figure元素的标题。 figure英 ['fɪgə]美 ['fɪɡjɚ] n. 数字;人物;图形;价格;(人的)体形;画像 vt. 计算;认为;描绘;象征 vi. 计算;出现;扮演角色
    查看全部
  • TWT
    当做动画时用到两个transform属性时,后面一个属性前不能再写transform,直接空格,然后写第二个属性就可以了。
    查看全部
    0 采集 收起 来源:CSS3 旋转动画

    2015-09-28

  • @media
    查看全部
    0 采集 收起 来源:HTML响应式布局

    2015-09-28

  • TWT
    父容器有相对定位的时候,子容器的绝对定位就会相对于父容器来定位。
    查看全部
    0 采集 收起 来源:HTML基本样式

    2015-09-27

  • TWT
    <figure></figure> <figcaption></figcaption>
    查看全部
    0 采集 收起 来源:HTML页面结构

    2018-03-22

  • 媒体查询 @media 和 @import
    查看全部
    0 采集 收起 来源:媒体查询

    2015-09-27

  • 媒体查询
    查看全部
    0 采集 收起 来源:媒体查询

    2015-09-27

  • TWT
    transition属性 property:检索或设置对象中参与过度的属性 duration:过度动画的持续时间 timing-function:检索或设置对象中过度的动画类型 (linear,ease,ease-in,ease-out,ease-in-out) delay:检索或设置对象延迟过度的时间
    查看全部
  • transition transition为CSS3属性,主要用于元素的过度动画处理 属性:property,duration,timing-function,delay
    查看全部
  • figure以及figcaption标签 figure标签,HTML5语义化标签,用于规定独立的流内容(图像、图表、照片、代码等等) figcaption标签,HTML5语义化标签,与figure配套使用,用于标签定义figure元素的标题
    查看全部
  • 固定容器大小进行over:hidden,然后鼠标放上去可以左右平移或者缩放, 给一个框做平移和旋转可以实现一个框的旋转,起始是rotate(0deg)到rotate(360deg),斜切90度元素就不会显示做可以做眨眼效果,不会规则图形可以改变旋转中心在进行旋转做到
    查看全部
    0 采集 收起 来源:课程总结

    2015-09-26

举报

0/150
提交
取消
课程须知
1、您要具备HTML和CSS基础知识 2、了解CSS3中的动画。
老师告诉你能学到什么?
1,学会两个HTML5新标签figure以及figcaption 2,学会使用CSS的transform 3,学会使用CSS3的transition 4,学会利用属性配合制作出绚丽的动画效果

微信扫码,参与3人拼团

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

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