侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

多个css3过渡类型不使用’all’

2022-12-28 星期三 / 0 评论 / 0 点赞 / 30 阅读 / 1560 字

我正在尝试使用 CSS3过渡来转换比例和不透明度 – 我无法解决如何在不使用所有内容的情况下转换多个内容 transition-function: all;transition-durat

... . . 我正在尝试使用 CSS3过渡来转换比例和不透明度 – 我无法解决如何在不使用所有内容的情况下转换多个内容

transition-function: all;transition-duration: 1s;transition-timing-function: ease-in;

工作,如:

transition: all 1s ease-in;

transition-function: opacity;

要么

transition-function: scale;

但不是

transition-function: scale,opacity;

请参见此处的示例:http://jsfiddle.net/5PCGs/7/

任何帮助将非常感激!谢谢 :) !

编辑:

我已经解决了它的过渡属性(感谢Simone),但现在它只是在Firefox中激活不透明,而不是两者 – http://jsfiddle.net/5PCGs/9 – 在FF和Chrome中并排比较

.

解决方法

. 感谢 Boris Zbarsky和 Simone Vittori.

答案是使用transition-property并且不指定你在那里转换的所有东西,只需将transform作为其中一个值,并让类之间的转换中的差异自行处理.

transition-property: transform,opacity;transition-duration: 1s;transition-timing-function: ease-in;

编辑:不要为这些添加你需要的任何前缀.例如,对于Webkit浏览器:

-webkit-transition-property: -webkit-transform,opacity;-webkit-transition-duration: 1s;-webkit-transition-timing-function: ease-in;

再次感谢!

. . .. ...

广告 广告

评论区