admin管理员组

文章数量:1794759

402 CSS菜鸟：transform and transition

402 CSS菜鸟：transform and transition

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob)</title> <style> #d{ width:200px; height:200px; background:blue; overflow:hidden; } #dd { width:100px; height:100px; background:red; /*CSS过渡，给哪个属性加过度*/ transition:transform 2s; margin:50px; } #dd:hover { /*css2D转换，让元素放大或减少多少倍，第一个值是宽度，第二个值是高度*/ transform: scale(3,3); } </style> </head> <body> <p><b>注意：</b>该实例无法在 Internet Explorer 9 及更早 IE 版本上工作。</p> <div id="d"> <div id="dd"> </div> </div> <p>鼠标移动到 div 元素上，查看过渡效果。</p> </body> </html> View Code

 

转载于:wwwblogs/zs0322/p/10640930.html

本文标签： 菜鸟csstransformTransition

版权声明：本文标题：402 CSS菜鸟：transform and transition 内容由林淑君副主任自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.xiehuijuan.com/baike/1686971997a123995.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。