css过渡+3D效果的 简单 实现
XM L/HT ML Code 复制内容到剪贴板
<!DOCTY PE &nbs p; html > < html > < head > < t IT le > guodu </ title > < meta charset = "utf-8" > < style type = "text/css" > # wp{ border: 1px solid red ; width: 500px; h ei ght: 500px; background-color: pink; color: lime; transition- PR operty: background color; transition-duration: 5s; transition -t iming-function: c ub ic-bezier(0 0 0.2 0.2); transition-delay: 1s; transform: perspective(600px); } #wp:hover{ background: red; color: white; width: 800px; transform-ori gin : (150px 100px 120px); transform: skewY(80 deg ) rotate(45deg) translate(50%) ; } </ style > </ head > < body > < div id = "wp" > < h1 > 南海是中国的，菲律宾也是中国的 </ h1 > </ div > </ body > </ html >
以上这篇css过渡+3D效果的简单实现就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。
原文地址：http://www.cn blog s .COM /yzybc/p/5666719.html
总结
以上是 为你收集整理的 css过渡+3D效果的简单实现 全部内容，希望文章能够帮你解决 css过渡+3D效果的简单实现 所遇到的问题。
如果觉得 网站内容还不错， 推荐好友。