css过渡+3D效果的简单实现

1.   
2.   
3.   
4.   
5.   
6.   
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.   
27.   
28.   

29. 南海是中国的，菲律宾也是中国的