• 关于

    CSS过渡transition-property属性

    的搜索结果

回答

文档地址: http://dev.w3.org/csswg/css-transitions/ CRTL+F 查"inherited"结果都是NO.这些属性包括: transition-property transition-duration transition-timing-function transition-delay Property transition Shorthand 关于继承性,文档中提到了一点 EXAMPLE 4 An example where maintaining the set of completed transitions is necessary would be a transition on an inherited property, where the parent specifies a transition of that property for a longer duration (say, transition: 4s text-indent) and a child element that inherits the parent’s value specifies a transition of the same property for a shorter duration (say, transition: 1s text-indent). Without the maintenance of this set of completed transitions, implementations could start additional transitions on the child after the initial 1 second transition on the child completes. 这里提到了一个场景,如果parent指定的transition作用到的属性和child指定的transtions作用到的属性是同一个,而且parent的transtion过渡时间更长,那么就需要自己去维护transition的完成状态(完成后移除?我注)。 例如: <div class="parent"> <div class="child"></div> </div> .parent { transition: 4s text-indent; } .child{ transition: 1s text-indent; } 如有错误欢迎指正。

杨冬芳 2019-12-02 02:31:41 0 浏览量 回答数 0

回答

让一个 div 元素旋转 360 度示例 div 的样式结构: div { margin: 50px auto; width: 200px; height: 200px; background-color: pink; } 设置旋转属性的类名: div.rotate { /* 旋转360度 */ transform: rotate(360deg); /* all表示所有属性,1s表示在一秒的时间完成动画 */ transition: all 1s; } transition 有四个属性: property: 规定应用过渡的 CSS 属性的名称。 duration: 定义过渡效果花费的时间。默认是 0,单位是 s。 timing-function: 规定过渡效果的时间曲线。默认是 "ease"。匀速'linear',加速'ease-in',减速'ease-out',先快后慢'ease-in-out'。 delay: 规定过渡效果何时开始。默认是 0。单位 s。 可以连写: transition: property duration timing-function delay; 给 div 元素设置鼠标移入时旋转,也就是给它加上.rotate 类名.鼠标移出时移除类名 $(function() { $("div") .mouseenter(function() { $(this).addClass("rotate"); }) .mouseleave(function() { $(this).removeClass("rotate"); }); });

茶什i 2019-12-02 03:16:58 0 浏览量 回答数 0
阿里云大学 云服务器ECS com域名 网站域名whois查询 开发者平台 小程序定制 小程序开发 国内短信套餐包 开发者技术与产品 云数据库 图像识别 开发者问答 阿里云建站 阿里云备案 云市场 万网 阿里云帮助文档 免费套餐 开发者工具 企业信息查询 小程序开发制作 视频内容分析 企业网站制作 视频集锦 代理记账服务 企业建站模板