zoukankan      html  css  js  c++  java
  • CSS3

                                                   CSS3

    1.选择器:Id class 标签 子代 后代 交集 并集  * 伪类 结构 属性 相邻+ 兄弟~ 

    2.浏览器的内核

      谷歌:-webkit-transition

      opera :gecko

      IE:trident

      欧朋:presto

      国内浏览器:webkit

    3.CSS3针对同一样式在不同浏览器的兼容 需要在样式属性前加上内核前缀

      谷歌:-webkit-transition

      Opera:-o-transition

      Firefox:-moz-transition

      IE: -ms-transition

    4.CSS3中的过渡属性 transition

      

       

       注意:时间一定要带单位

    5.animation

       

    6.2D和3D

      CSS3中的3D和2D特效都是方法(函数)提供了四个方法

      translate()平移,两个参数 mpx npx

      rotate() 旋转 参数number deg(角度)

      scale() 缩放 参数2是数字,1代表不变

      skew() 拉伸  他们只是充当属性值的。Xdeg ydeg

     3D

      (1)原理 近大远小  视距perspective

          元素要有3D的效果 perspective视距给它的父级元素

           transform-style:preserve-3d;3d的内部子元素构成3d效果

     案例:

      border 分了三个属性 border-style border-color border-width

     

  • 相关阅读:
    隔行扫描 和 逐行扫描
    CSS3--关于z-index不生效问题
    vue与其他框架对比
    跨域(转)
    vue 事件修饰符(阻止默认行为和事件冒泡)
    vue 3.0新特性
    bash leetcode
    数据库
    css排版
    盒模型
  • 原文地址:https://www.cnblogs.com/yuanjingjing/p/10554239.html
Copyright © 2011-2022 走看看