简体   繁体   English

小工具文件中的 CSS 样式和过渡

[英]CSS styling and transitions in gadget files

I have a simple HTML page of nine boxes (divs) which smoothly expand on hover using transitions.我有一个包含九个框 (div) 的简单 HTML 页面,它使用过渡在悬停时平滑扩展。 I've packaged it into a gadget file for the Windows 7 desktop and now all transitions are lost, even the radii on the boxes are gone.我已将其打包到 Windows 7 桌面的小工具文件中,现在所有过渡都丢失了,甚至盒子上的半径也消失了。

Do gadget files not support CSS3 transitional statements and styling or do I need to be doing something else?小工具文件不支持 CSS3 过渡语句和样式,还是我需要做其他事情?

Thanks!谢谢!

Try using vendor prefixes.尝试使用供应商前缀。

-webkit-transform: ;
-moz-transform: ;
-ms-transform: ;
-o-transform: ;
transform: ;

-webkit-border-radius: ;
-moz-border-radius: ;
-ms-border-radius: ;
-o-border-radius: ;
border-radius: ;

Add this at the top of your html file.将此添加到 html 文件的顶部。

<!DOCTYPE html>

That will let you use more advance CSS.这会让你使用更高级的 CSS。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM