这是什么魔法？ CSS？ JavaScript的？ [英] What kind of sorcery is this? CSS? Javascript?

问题描述

我检查这个微软的网站： https://www.windowsazure.com

I was inspecting this Microsoft's site: https://www.windowsazure.com

使用Chrome的开发者工具，我开始到处移动的东西（基本上CSS的东西）。然后，我注意到一些很酷的功能，如果你修改CSS属性，网站将显示来自previous状态过渡到新的之一，这将与颜色属性发生，但它适用于填充和图像了。这是伟大的，因为他们没有在意每一个新的动画它只会发生在CSS的变化！

Using chrome's developer tools I started moving things around (basically css stuff). Then I notice some cool features, if you modify css properties, the site will show a transition from the previous state to the new one, this will happen with color properties, but it works on paddings and images too. This is great because they don't have to care about every single new animation it will just happen when css changes!

所以我的问题是，什么样的技术，这是？ CSS3？ JavaScript的？你知道它说明任何文件如何做到这一点？

So my question is, what technology is this? CSS3? Javascript? do you know any documentation where it explains how to accomplish this?

推荐答案

您所看到的 CSS3 转换属性。

You're seeing the CSS3 transition property.

这篇关于这是什么魔法？ CSS？ JavaScript的？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！