css3-one

background  系列

        background-origin设置背景图片的原点(border-box,padding-box,content-box)

        background-clip裁切图片容器里面的内容(border-box,padding-box,content-box)

        background-attachment设置背景图片是否随着滚动

box系列

        box-shadow盒子的阴影颜色X,Y模糊的范围可以设置多组

        t ext-shadow设置文本的阴影

        word-break是否把一个单词分开换行

         word-wrap是否把一个长单词分开换行

渐变

      1.线性渐变    linear-gradient(角度,方向第一个颜色百分比,第二个,,其他自动分配)

css3-one_第1张图片
渐变1

    2,放射渐变

css3-one_第2张图片
渐变2

   3.径向渐变


css3-one_第3张图片
渐变3

动画

         转场动画     transition      属性持续时间运动方式延迟时间


css3-one_第4张图片
代码
css3-one_第5张图片
运行结果

界面

       1.  Appearance设置外形


设置外形

    2.  outline-offset设置外边线的矩形


设置外边线的矩形

    3.Resize让用户改变元素的大小overflow

让用户改变元素的大小


           Box-sizing可以设置标识元素的宽度盒子以内容为元素的宽度(正常),也可以设置为border-box是以盒子的边框加上内边距加上内容才等于设置的宽度和高度


    Skew() 正数向原点拉伸负数 向结束点拉伸

     skewX()

    skewY()

      translate平移

     rotate旋转

     scale放大缩小

你可能感兴趣的:(css3-one)