zoukankan      html  css  js  c++  java
  • 过渡属性和文字阴影

    过渡属性

    #  作用就是在元素的默认样式与最终样式变化之间产生一个过程,在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;

  • 相关阅读:
    深入了解css的行高Line Height属性
    【C++】函数指针
    【C++】常用知识点
    将数字转化为液晶显示屏的样子
    【多媒体】PCM
    【Android】网络下载图片&SD卡文件存储
    CPU 缓存(Cache)
    【C++】typename
    【多媒体】音频格式
    【Android】图片的异步加载
  • 原文地址:https://www.cnblogs.com/yangfen/p/13881073.html
Copyright © 2011-2022 走看看