4.2.01

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
　　#d{
　　　　width:200px;
　　　　height:200px;
　　　　background:blue;

　　　　/*overflow 属性规定当内容溢出元素框时发生的事情，内容会被修剪，并且其余内容是不可见的；css过渡，给哪个属性加过度*/
　　　　overflow:hidden;
　　　　}
　　#dd{
　　　　width:100px;
　　　　height:100px;
　　　　background:red;

　　　　/*transition 属性是一个简写属性，用于设置四个过渡属性，规定完成过渡效果需要多少秒或毫秒；css2D转换，让元素放大或减少多少倍，第一个值是宽度，第二个值是高度*/
　　　　transition:transform 2s;
　　　　margin:50px;
　　　　}

　　#dd:hover{

　　　　/*transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。定义 2D 缩放转换。*/
　　　　transform: scale(3,3);
　　　　}

</style>

</head>
<body>
　　<div id="d">
　　　　<div id="dd"></div>
　　</div>
</body>
</html>

posted on 2019-04-02 20:52  boss-H  阅读(154)  评论(0)    收藏  举报

导航