transition-property属性
Csstransition-property特性是用于应用转换的规则的CSS特性的标题，其语法为transition-property : none | all | property；当用户将鼠标指针悬停在元素上时，通常会发生转换。
如何使用csstransition属性功能？
函数：过渡属性特征规则使用过渡函数的CSS特征的标题。(当指定的CSS特性改变时，转换将开始)。提示：当用户将鼠标指针悬停在元素上时，通常会发生转换。
语法：
一个
transition-property : none | all | property；
澄清：
没有一个没有获得过渡效果的功能。
所有功能都将具有过渡效果。
属性定义了一个带有过渡函数的CSS特征标题列表，列表用逗号分隔。
注意：请始终设置过渡持续时间功能，否则持续时间为0，过渡不会发生。
csstransition属性特性的应用示例
请将鼠标指针移到蓝色div元素上以查看过渡效果。
注意：此示例在互联网资源管理器中无效。
CSS设置
1.绝对定位边距：自动
styletype='text/css '。wrp { background-color : # b9b 9；宽度width:240px高度：160 px；}。box { color:white背景-color : # 3e8e 41；宽度width:200px高度：120 px；飞越： auto；}
. wrp1 { position:relative}
. box1 { margin:auto位置：绝对；left:0right:0top:0底部：0；}/styledivclass='wrpwrp1 '
divclass='boxbox1 '
H3完全排在中间层1:/H3
H3开发工具[WeX5]:高性能、轻型架构、开源、免费、跨端、可视化/h3
/div/div 123456789101112131415161718192021223242425
效果：
原理：利用css定位规则，将左、右、上方向的定位设置为0，边距设置为auto，让css根据定位计算边距值，通过hack实现居中。中心块(绿色)的大小需要可控，因为css在计算边距时也需要参考大小值，由于外围为0，自动计算出来的大小与父容器相同。无论您设置宽度、高度还是最大高度、最大宽度，大小都不会扩展到与父级相同。
2.绝对定位余量反向偏移
/stylestyletype='text/css '
. wrp2 { position:relative}
. box2 { position:absolutetop :50%；左侧：50%；左边距：-100px；/*(宽度填充)/2*/
页边距-top :-75px；/*(高度填充)/2*/
}/styledivclass='wrpwrp2 '
divclass='boxbox2 '
H3完全居中方案2: /h3
H3开发工具[WeX5]:高性能、轻型架构、开源、免费、跨端、可视化/h3
/div/div 1234567891011213141516
内容来源网络，如有侵权，联系删除，本文地址：https://www.230890.com/zhan/112182.html