• 过渡属性和文字阴影


    过渡属性

    #  作用就是在元素的默认样式与最终样式变化之间产生一个过程,在c3中新增了一个属性叫transition

    ##书写方式:选择器{......样式    transition:all 1s linear os; }

                          选择器:hover{...样式}

    注:

    *all的作用是设置元素身上的哪些属性产生过渡,一般使用all表示所有属性

    *后面的1s设置过渡需要时长,单位是s不要省略

    *linear设置当前过渡等待多久之后才会执行(延时),都需要要单位s

    *hover选择某个元素被鼠标移上时的状态

    *transition属性可以加在默认状态或者移上状态,区别就是第二种做法在鼠标离开时,会立马调回默认状态,而第一种就是会做完设置好的状态

    文字阴影

    书写方式模板:text-shadow:x y r color

    例如:text-shadow: 0px 0px 0px pink;

    注:

    one:x表示阴影在水平方向的偏移量,可以设置负值,正负不表示大小,只表示方向,向右为正,左为负,单位px

    two:y....上为负,下为正

    three:r表示阴影的模糊程度,数值越大越模糊单位px

    four:color表示阴影的颜色

    five:c3允许一段文字有多层阴影,用逗号分开即可

    例如:text-shadow: 1px -1px 200px pink,1px 1px 30px bule;

  • 相关阅读:
    正则表达式和re模块
    面向对象基础
    面向对象高级
    网络编程
    collectiontimeossysjson模块
    继承
    封装
    我在吃饭
    111
    关于羽毛球拍
  • 原文地址:https://www.cnblogs.com/yangfen/p/13881073.html
Copyright © 2020-2023  润新知