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

CSS3图片动态提示效果

jack.xu Web前端工程师
难度初级
时长 1小时12分
学习人数
综合评分9.53
159人评价 查看评价
9.9 内容实用
9.3 简洁易懂
9.4 逻辑清晰
  • transition: property duration timing-function delay; 可单独写:transition-.....  property: 过渡属性 fransform (必写值)                 值为all时该大括号的所有类型都执行transition中的值  duration:动画持续时间 (必写值)  timing-function:动画类型,默认平移:ease-out  Linear ease ease-in变加速 ease-in-out rotate旋转  delay:延迟时间开始运动

    查看全部
  • transform属性:<br> <br> 1、translate(水平)-- transform:translate(10px,10px);<br> <br> 2、rotate(旋转)-- transform:rotate(90deg);<br> <br> 3、scale(缩放)-- transform:scale(0.5,,0.5);<br> <br> 4、skew(斜切)-- transform:skew(50deg,,0deg);

    查看全部
  • transform

    translate ( ) ;   rotate ( ) ;   scale ( ) ;   skew ( ) ;

    查看全部
  • 响应式布局: 屏幕大小变化: 小于值:@media screen and (max-width:值){ css样式(例:img{width:50%;}) } 大于值:@media screen and (min-width:值){ css样式(例:img{width:50%;}) } 之间值:@media screen and (max-width:值1) and (min-width:值2){ css样式(例:img{width:50%;}) } 附加:百度解释响应式布局 在中加 user-scalable = no 属性能够解决 iPad 切换横屏之后触摸才能回到具体尺寸的问题。 @media screen and (max-width: 980px) { #head { width: 100% } #content { … } #footer { … } } /** iPad **/ @media only screen and (min-width: 768px) and (max-width: 1024px) {} /** iPhone **/ @media only screen and (min-width: 320px) and (max-width: 767px) {}
    查看全部
    0 采集 收起 来源:HTML响应式布局

    2018-04-25

  • 超出部分隐藏 overflow:hidden 半透明 opacity:值(小于1) 文字居中 text-align:center 内边距 padding:值 平移 transform:translate(值1,值2) div边框 border:值(粗细) solid(实体) red(颜色) hover:鼠标放入对象所发生的事件 nth-of-type(1):同级兄弟标签的第一个标签 链接css: transition: property duration timing-function delay; 可单独写:transition-..... property: 过渡属性 fransform (必写值) 值为all时该大括号的所有类型都执行transition中的值 duration:动画持续时间 (必写值) timing-function:动画类型,默认平移:ease-out Linear ease ease-in变加速 ease-in-out rotate旋转 delay:延迟时间开始运动 注:rotate(角度)旋转动画 skew(角度)斜切动画 scale(数值,数值)缩放动画 deg度数
    查看全部
  • 对外部容器限制宽度后,如果(图片)元素长度大于容器,应该使用overflow:hidden来将超出部分隐藏
    查看全部
    0 采集 收起 来源:HTML基本样式

    2018-02-21

  • 将第一个属性值写成all,出现渐变效果
    查看全部
  • H5新标签:figure,figcaption标签
    查看全部
  • Tranformy用于元素的变形处理 属性:tranlate--平移 Rotate --A旋转 scale--缩放 skew--斜切
    查看全部
  • 父容器当中有相对定位的时候,字容器的绝对定位是相对父容器来定位
    查看全部
    1 采集 收起 来源:HTML基本样式

    2018-01-12

  • QQQQ
    查看全部
    0 采集 收起 来源:CSS3 扭曲动画

    2017-12-18

  • opacity:0.8:透明度为0.8
    查看全部
    0 采集 收起 来源:CSS3 平移动画

    2017-11-18

  • 响应式布局基本原理
    查看全部
    0 采集 收起 来源:HTML响应式布局

    2017-11-18

  • 案例HTML基本样式
    查看全部
    0 采集 收起 来源:HTML基本样式

    2017-11-18

  • overflow:hidden 可以把超出的部分隐藏掉
    查看全部
    0 采集 收起 来源:HTML基本样式

    2017-11-18

举报

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

微信扫码,参与3人拼团

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

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