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(角度,方向第一个颜色百分比,第二个,,其他自动分配)

渐变1

    2,放射渐变

渐变2

   3.径向渐变


渐变3

动画

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


代码
运行结果

界面

       1.  Appearance设置外形


设置外形

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


设置外边线的矩形

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

让用户改变元素的大小


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


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

     skewX()

    skewY()

      translate平移

     rotate旋转

     scale放大缩小

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、属性选择器:id选择器 # 通过id 来选择类名选择器 . 通过类名来选择属性选择器 ...
    Yuann阅读 1,682评论 0 7
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    wzhiq896阅读 1,841评论 0 2
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 2,357评论 0 11
  • 话题背景:如今网页展示的姿势是这样的 图片来自:设计之家 炫酷的网页展示,支撑它的正是强大的CSS3,还有什么理由...
    aliensq阅读 2,112评论 0 2
  • 1、垂直对齐 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,...
    kiddings阅读 3,233评论 0 11