02-CSS基础与进阶-day11_2018-09-17-21-24-17

CSS3
2d之变形平移缩放旋转倾斜
3d
伸缩布局

04-2D变形之缩放.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
        div {
            width: 100px;
            height: 100px;
            background-color: blue;
            margin: 50px auto;
            transition: all 1s;
        }

        div:hover {
            transform: scale(2);
        }

        section {
            width: 150px;
            height: 150px;
            margin: 0 auto;
            overflow: hidden;
        }

        section img {
            transition: all 1s; /*过渡  谁要做动画 谁加过渡*/
        }

        section:hover img {
            transform: scale(1.2);
        }
    </style>
</head>
<body>
    <div></div>
    <section>
        <img src="img/img.jpg" alt="">
    </section>
</body>
</html>

相关阅读:
KafKa 发消息到Storm
HBase的优化
HBase部署与使用
Scala 类
Scala高阶函数
模式匹配
Scala数据结构
scala基础语法
Scala安装配置
Kafka工作流程分析

原文地址：https://www.cnblogs.com/HiJackykun/p/11073744.html