zoukankan      html  css  js  c++  java
  • 前端学习笔记--CSS3

    本本记录了css3的样式:浏览器支持度、圆角边框、阴影、文字与文本、过渡、动画、2d旋转、3d旋转

    浏览器支持度:

    1.圆角边框

    例:只要确定了x、y值,就能知道弧度

     

    画一个圆形:长=宽,border-radius=1/2 长

    2.阴影:inset设置是外部或内部阴影效果

     

    举例:水平偏移10,垂直偏移10,都是正数,往右偏移

     3.文本与文字:

    text-shadow:文字阴影

    阴影大小可以省略

    举例:

     word-wrap:

    @font-face规则:规定了在网页上能够显示出的特殊字体。

    css3解决办法:

     

    转换格式:

     举例:

     

     

    4.2D转换

     旋转:

     

    缩放:

    举例:鼠标悬停时放大1.2倍

    5.过渡与动画

     过渡:

    举例:

    动画:

    举例:

    6.3D变换

    旋转方向:

    透视效果:

     近大远小:

     

     3D旋转结构组成:

     案例:


    transform-style: preserve-3d     一般设置在变换元素的父容器中:

     

  • 相关阅读:
    网桥的作用
    PMML辅助机器学习算法上线
    支持度、置信度和提升度
    特征预处理
    特征表达及处理
    卡方检验
    特征工程-特征选择
    AMBARI部署HADOOP集群(4)
    AMBARI部署HADOOP集群(3)
    ambari部署Hadoop集群(2)
  • 原文地址:https://www.cnblogs.com/dydxw/p/10857924.html
Copyright © 2011-2022 走看看