关于css过渡和3D效果的简单实现

来源：动视网责编：小OO 时间：2020-11-27 18:48:24

关于css过渡和3D效果的简单实现

css过渡+3D效果的简单实现。<；，菲律宾也是中国的<；/h1>；<；/p>；<；/body>；<；/html>；。

推荐度：

点击下载本文 文档为doc格式

导读css过渡+3D效果的简单实现。<；，菲律宾也是中国的<；/h1>；<；/p>；<；/body>；<；/html>；。

下面为大家带来一篇css过渡+3D效果的简单实现。内容挺不错的，现在就分享给大家，也给大家做个参考。

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

<!DOCTYPE html>
<html>
<head>
<title>guodu</title>
<meta charset="utf-8">
<style type="text/css">
#wp{ 
border: 1px solid red; 
width: 500px; 
height: 500px; 
background-color: pink; 
color: lime; 
transition-property: background color; 
transition-duration: 5s; 
transition-timing-function: cubic-bezier(0 0 0.2 0.2); 
transition-delay: 1s; 
transform: perspective(600px); 
} 
#wp:hover{ 
background: red; 
color: white; 
width: 800px; 
transform-origin: (150px 100px 120px); 
transform: skewY(80deg) rotate(45deg) translate(50%) ; 
} 
</style>
</head>
<body>
<p id="wp"><h1>南海是中国的，菲律宾也是中国的</h1></p>
</body>
</html>

关于css过渡和3D效果的简单实现

css过渡+3D效果的简单实现。<；，菲律宾也是中国的<；/h1>；<；/p>；<；/body>；<；/html>；。

推荐度：

点击下载本文 文档为doc格式

标签：简单实现 3d

热门焦点

关于css过渡和3D效果的简单实现

关于css过渡和3D效果的简单实现

关于css过渡和3D效果的简单实现

最新推荐

猜你喜欢

热门推荐