欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

css過渡+3D效果的簡單實現(xiàn)

  發(fā)布時間：2016-07-14 11:54:13   作者：佚名   我要評論
下面小編就為大家?guī)硪黄猚ss過渡+3D效果的簡單實現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

css過渡+3D效果的簡單實現(xiàn)

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4. <title>guodu</title>  
  5. <meta charset="utf-8">  
  6. <style type="text/css">  
  7. #wp{   
  8. border: 1px solid red;   
  9. width: 500px;   
  10. height: 500px;   
  11. background-color: pink;   
  12. color: lime;   
  13. transition-property: background color;   
  14. transition-duration: 5s;   
  15. transition-timing-function: cubic-bezier(0 0 0.2 0.2);   
  16. transition-delay: 1s;   
  17. transform: perspective(600px);   
  18. }   
  19. #wp:hover{   
  20. background: red;   
  21. color: white;   
  22. width: 800px;   
  23. transform-origin: (150px 100px 120px);   
  24. transform: skewY(80deg) rotate(45deg) translate(50%) ;   
  25. }   
  26. </style>  
  27. </head>  
  28. <body>  
  29. <div id="wp"><h1>南海是中國的，菲律賓也是中國的</h1></div>  
  30. </body>  
  31. </html>  
  32.   

以上這篇css過渡+3D效果的簡單實現(xiàn)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

原文地址：http://www.cnblogs.com/yzybc/p/5666719.html

相關(guān)文章

  • 菜單欄 “三” 變形為“X”css3過渡動畫

    本文主要介紹了菜單欄 “三” 變形為“X”css3過渡動畫的實現(xiàn)方法。具有很好的參考價值，下面跟著小編一起來看下吧
    2017-02-28

  • 詳解Css3新特性應(yīng)用之過渡與動畫

    本篇文章主要介紹了Css3新特性應(yīng)用之過渡與動畫，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2017-01-10

  • CSS3中的元素過渡屬性transition示例詳解

    大家都知道過渡動畫是動畫的基礎(chǔ)，在學(xué)習(xí)動畫屬性之前，我們需要先了解過渡屬性transition，下面這篇文章通過示例代碼給大家詳細介紹了CSS3中的元素過渡屬性transition，有
    2016-11-30

  • 淺談CSS過渡、動畫和變換

    下面小編就為大家?guī)硪黄獪\談CSS過渡、動畫和變換。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧，祝大家游戲愉快哦
    2016-07-21

  • CSS3過渡transition效果實例介紹

    這篇文章主要為大家詳細介紹了CSS3過渡transition效果實例，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2016-05-03

  • 用Dreamweaver制作網(wǎng)頁中常用的過渡效果

    網(wǎng)頁過渡是指當瀏覽者進入或離開網(wǎng)頁時，頁面呈現(xiàn)的不同的刷新效果，比如卷動、百葉窗等。
    2010-06-20

  • css3過渡_動力節(jié)點Java學(xué)院整理

    這篇文章主要為大家詳細介紹了css3過渡的相關(guān)資料，用CSS3做一些過渡效果和動畫，特別適合Web前端開發(fā)員學(xué)習(xí)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2017-07-11

最新評論