
发表日期: 2022-05-30 13:58:28 浏览次数:84
网站建设(河南省鹿邑网站建设服务中心) - 上往建站

鹿邑古称“苦”(hù)、“真源”、“谷阳”、“仙源”、“卫真”等。在历史上,曾有三位皇帝颁诏钦改鹿邑县名,唐高宗下诏改县名为真源,寓鹿邑为真理(道家思想)的发源地。武则天称帝后尊李母为先天太后,下诏改真源为仙源,意为老子是得道成仙之人,而老子生地则为仙之源。宋真宗到鹿邑拜谒后,下诏改县名为卫真,以表明他比别的朝代更捍卫老子及思想(真理)的至尊地位。《许志》曰:“元初避水东迁,今地并卫真,仍曰鹿邑,而旧鹿邑废
CSS 过渡
CSS 过渡允许您在给定的时间内平滑地改变属性值。
请把鼠标移动到这个元素上,来查看 CSS 过渡效果:
CSS
在本章中,您将学习如下属性:
transition
transition-delay
transition-duration
transition-property
transition-timing-function
对过渡的浏览器支持
表格中的数字注明了完全支持该属性的首个浏览器版本。
属性 Chrome IE Firefox Safari Opera
transition 26.0 10.0 16.0 6.1 12.1
transition-delay 26.0 10.0 16.0 6.1 12.1
transition-duration 26.0 10.0 16.0 6.1 12.1
transition-property 26.0 10.0 16.0 6.1 12.1
transition-timing-function 26.0 10.0 16.0 6.1 12.1
如何使用 CSS 过渡?
如需创建过渡效果,必须明确两件事:
您要添加效果的 CSS 属性
效果的持续时间
注意:如果未规定持续时间部分,则过渡不会有效果,因为默认值为 0。
下面的例子展示了 100px * 100px 的红色 <div> 元素。 <div> 元素还为 width 属性指定了过渡效果,持续时间为 2 秒:
实例
div {
width: 100px;
height: 100px;
background: red;
transition: width 2s;
}
当指定的 CSS 属性(width)值发生变化时,将开始过渡效果。
现在,让我们为 width 属性指定一个鼠标悬停在 <div> 元素上时的新值:
实例
div:hover {
width: 300px;
}
亲自试一试
请注意,当光标从元素上移开时,它将逐渐变回其原始样式。
改变若干属性值
下面的例子为 width 和 height 属性都添加了过渡效果,width 是 2 秒,height 是 4 秒:
服务热线
顶部
备案号: 苏ICP备11067224号
CopyRight © 2011 书生商友信息科技 All Right Reserved
24小时服务热线:400-111-6878 E-MAIL:1120768800@qq.com QQ:1120768800
网址: http://www.768800.com 网站建设:上往建站
关键词: 网站建设| 域名邮箱| 服务器空间| 网站推广| 上往建站| 网站制作| 网站设计| 域名注册| 网络营销| 网站维护|
企业邮箱| 虚拟主机| 网络建站| 网站服务| 网页设计| 网店美工设计| 网站定制| 企业建站| 网站设计制作| 网页制作公司|
400电话办理| 书生商友软件| 葬花网| 调温纤维| 海洋馆运营维护| 北京保安公司| 殡仪馆服务| 殡葬服务| 苏州殡葬一条龙| 朝阳殡葬| 苏州殡葬服务|
欢迎您免费咨询,请填写以下信息,我们收到后会尽快与您联系
服务热线:400-111-6878