zoukankan      html  css  js  c++  java
  • CSS3 新特性

     [1]icon图标的变化

    1、transformrotate(360deg) scale(1.2);
    [意思是让icon图标旋转360度]  [ 在x和y轴上的缩放]
    会有浏览器兼容问题,一般解决办法就是加前缀;
    -ms-transform:........;
    -moz-transform:....;
    -webkit-transform:.......;

    -o-transform:.....;

    2、transition:0.2s ease-out;
    a.让icon图标从小到大慢慢旋转变大,并且设置旋转地速度;
    兼容性问题同上解决,在其前加那些浏览器内核.
    b.让鼠标经过时的变化是 渐变的 ,不是突然一下子就变大或变小,一般在.button的时候就定义, -moz-transition:0.4s ease; 还有ease-in,ease-inout,ease-out这三种;


    3、让边框透明度可调
    border:2px solid rgba(255,255,255,0.8);
    hover:border:2px dolid rgba(255,255,255,1);
    4.box-sizing
    让盒子的宽显示时不再加上border宽和padding值,将他俩的值都算入内是width的值
  • 相关阅读:
    ElementUI中弹窗使用textarea原样显示SpringBoot后台带换行的StringBuilder内容
    Node搭建静态资源服务器时后缀名与响应头映射关系的Json文件
    Nodejs中搭建一个静态Web服务器,通过读取文件获取响应类型
    JS中怎样比较两个时分格式的时间大小
    ElementUI中对el-table的某一列的时间进行格式化
    MongoDb在Windows上的下载安装以及可视化工具的下载与使用
    Express中使用ejs新建项目以及ejs中实现传参、局部视图include、循环列表数据的使用
    FFmpeg-20160506-snapshot-bin
    FFmpeg-20160428-snapshot-bin
    FFmpeg-20160422-snapshot-bin
  • 原文地址:https://www.cnblogs.com/eva1963/p/4493369.html
Copyright © 2011-2022 走看看