zoukankan      html  css  js  c++  java
  • 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效果;

  • 相关阅读:
    C# 动态加载卸载 DLL
    C# 判断文件编码
    win10 uwp 如何拖动一个TextBlock的文字到另一个TextBlock
    C# TextBlock 上标
    PHP curl_getinfo函数
    PHP curl_file_create函数
    PHP curl_errno函数
    PHP curl_error函数
    PHP curl_escape函数
    PostgreSQL Schema
  • 原文地址:https://www.cnblogs.com/yangzhiqiang/p/10555051.html
Copyright © 2011-2022 走看看