首页 > 其他分享 >CSS支持tansition的属性

CSS支持tansition的属性

时间:2022-11-30 21:46:47浏览次数:40  
标签:tansition color height width background border CSS 属性

  1. color: 通过红、绿、蓝和透明度组件变换(每个数值处理)如:background-color,border-color,color,outline-color等css属性;

  2. length: 真实的数字 如:word-spacing,width,vertical-align,top,right,bottom,left,padding,outline-width,margin,min-width,min-height,max-width,max-height,line-height,height,border-width,border-spacing,background-position等属性;

  3. percentage:真实的数字 如:word-spacing,width,vertical-align,top,right,bottom,left,padding,outline-width,margin,min-width,min-height,max-width,max-height,line-height,height,border-width,border-spacing,background-position等属性;

  4. integer离散步骤(整个数字),在真实的数字空间,以及使用floor()转换为整数时发生 如:outline-offset,z-index等属性;

  5. number真实的(浮点型)数值,如:zoom,opacity,font-weight,等属性;

  6. transform list

  7. rectangle:通过x, y, width 和 height(转为数值)变换,如:crop

  8. visibility: 离散步骤,在0到1数字范围之内,0表示“隐藏”,1表示完全“显示”,如:visibility

  9. shadow: 作用于color, x, y 和 blur(模糊)属性,如:text-shadow

  10. gradient: 通过每次停止时的位置和颜色进行变化。它们必须有相同的类型(放射状的或是线性的)和相同的停止数值以便执行动画,如:background-image

  11. paint server (SVG): 只支持下面的情况:从gradientgradient以及colorcolor,然后工作与上面类似

  12. space-separated list of above:如果列表有相同的项目数值,则列表每一项按照上面的规则进行变化,否则无变化

  13. a shorthand property: 如果缩写的所有部分都可以实现动画,则会像所有单个属性变化一样变化

标签:tansition,color,height,width,background,border,CSS,属性
From: https://www.cnblogs.com/kq981024/p/16939838.html

相关文章

  • Vue2(笔记05) - Vue核心 - 计算属性
    计算属性需求1:两个文本框,输入内容后再合并显示在元素中;插值语法实现:<divid="root">姓:<inputtype="text"v-model:value="firstName"><br>名:<inputtype="text"v-......
  • 站点用css一键变灰色
    默哀站点变灰色效果看本站即可css代码如下<style>html{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscal......
  • Spring--事务角色+事务属性
    事务管理员发起事务方,在Spring中通常指代业务层开启事务的方法也就是相当于这个:事务协调员加入事务方,在Spring中通常指代数据层方法,也可以是业务层方法也就是相当于......
  • 调用运行时类的指定结构:属性、方法、构造器
    packageday3;importorg.junit.Test;importjava.lang.reflect.Field;importjava.lang.reflect.Method;//调用运行时类的指定结构:属性、方法、构造器publicclassR......
  • 利用postcss-px-to-viewport将pc端项目兼容移动端
    安装npminstallpostcss-px-to-viewport--save-dev在vue中使用根目录新建postcss.config.js文件输入以下代码module.exports={plugins:{'postcss-px......
  • BGP 路径属性
    BGP的路径属性是BGP路由传递所携带的特定描述,用来比较路由优先级的,因为BGP是属于跨自治系统的,所以自治系统内部的各种不同情况所产生的的路由条目较多,比较路由最优的特......
  • ant design分页中 v-model属性页数没有双向绑定效果
    1.antdesign版本号为:1.7.82.场景:total为100,10条/页,总共为10页;当点击第5页后,选择50条/页时默认将v-model值为1,即返回第一页(此时在@showSizeChange对v-model值进行更改不生......
  • python-面向对象-类的封装-私有方法私有属性
    1.封装,就是把客观事物封装成抽象的类,并规定类中的数据和方法只让可信的类或对象操作。封装可分为两个层面:(1)第一层面的封装,创建类和对象时,分别创建两者的名称,只能通过类名或......
  • CSS单行多行文字超出换行或..
    /*单行隐藏*/.xxx{/*文本不换行*/white-space:nowrap;/*超出范围隐藏*/overflow:hidden;/*文字超出用省略号*/text-overflow:ellipsis;}/*多行......
  • Selenium中怎样解决输入框带有readonly属性或存在日历框问题
    1、js='document.getElementById("train_date").removeAttribute("readonly");driver.execute_script(js)2、pag=driver.find_element_by_xpath('//*[@id="pane......