CSS3transform

perspective透视(越小3d感觉越明显)，默认不给是无限大

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<style>
    .d1 {
        width: 100px;
        height: 100px;
        background: darkgray;
        margin: 10px auto 0;
        transition: 1s all ease;
        transform: perspective(200px) rotateX(0deg);
    }
    .d1:hover {
        transform: perspective(200px) rotateX(60deg);
    }
</style>
<body>
    <div class="d1"></div>
</body>

4

扫一扫，分享到微信

微信分享二维码

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

勤奋的代码搬运工<br>一位刚出来实习的前端程序员<br>谢谢大家