• css3 属性


    1,选择器:

      标签,ID,class,子代,后代,伪类,结构,交集,并集,通配符,相邻+,兄弟~

    2,浏览器的内核+浏览器前缀

      css3针对同一样式在不同的浏览器的兼容,需要在样式属性前加上内核代码;

      

    3,css3的过渡属性

      transition        简写属性,用于在一个属性中设置四个过渡属性;

      transition-property    规定过渡的css3属性名称;

      transition-duration    定义过渡效果花费时间;

      transition-timing-function  规定过渡效果的时间曲线,默认“ease”;

      transition-dalay      规定过渡效果何时开始

    4,Animation(动画)

      @keyframes    规定动画

      animation-direction  规定动画是否在下一个周期逆向播放

      animation-play-state  规定动画是否正在运行或暂停  

                  paused 暂停    running 运行

    5,2D 3D

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

        translate  平移---px

        rotate    旋转---number+deg 角度

        scale    缩放---1代表不变

        skew    拉伸---Xdeg  Ydeg

      3D:

        原理是近大远小,  视距---perspective

        元素要有3D效果,perspective视距给他的父级元素;

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

  • 相关阅读:
    keeprunning1的使用说明
    团队冲刺第十五天
    团队冲刺第十四天
    团队第一阶段冲刺评价
    团队第一阶段成果展示
    团队冲刺第十三天
    团队冲刺第十二天
    团队冲刺第十一天
    团队冲刺第十天
    团队冲刺第九天
  • 原文地址:https://www.cnblogs.com/yangzhiqiang/p/10555051.html
Copyright © 2020-2023  润新知