源码网,源码论坛,源码之家,商业源码,游戏源码下载,discuz插件,棋牌源码下载,精品源码论坛

 找回密码
 立即注册
楼主: ttx9n

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

[复制链接]

7万

主题

861

回帖

32万

积分

论坛元老

Rank: 8Rank: 8

积分
329525
发表于 2016-7-14 11:54:13 | 显示全部楼层 |阅读模式
下面小编就为大家带来一篇css过渡+3D效果的简单实现。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

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

2016071411551914.png

2016071411551914.png

XML/HTML Code复制内容到剪贴板
  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效果的简单实现就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

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

回复

使用道具 举报

0

主题

1万

回帖

87

积分

注册会员

Rank: 2

积分
87
发表于 2022-11-2 08:42:44 | 显示全部楼层
论坛有你更精彩!
回复 支持 反对

使用道具 举报

3

主题

2万

回帖

156

积分

注册会员

Rank: 2

积分
156
发表于 2023-4-12 15:00:31 | 显示全部楼层
管灌灌灌灌灌灌灌灌灌灌
回复 支持 反对

使用道具 举报

2

主题

2万

回帖

69

积分

注册会员

Rank: 2

积分
69
发表于 2023-10-21 06:32:56 | 显示全部楼层
hi哦回复iOS就看见
回复 支持 反对

使用道具 举报

0

主题

1万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2024-1-19 16:43:47 | 显示全部楼层
可以,看卡巴
回复 支持 反对

使用道具 举报

0

主题

1万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2024-2-20 05:42:28 | 显示全部楼层
为全额万千瓦
回复 支持 反对

使用道具 举报

29

主题

2万

回帖

194

积分

注册会员

Rank: 2

积分
194
发表于 2024-3-5 22:00:01 | 显示全部楼层
我找了挺久终于找到了
回复 支持 反对

使用道具 举报

3

主题

2万

回帖

156

积分

注册会员

Rank: 2

积分
156
发表于 2024-3-11 01:52:56 | 显示全部楼层
儿童服务绯闻绯闻绯闻
回复 支持 反对

使用道具 举报

1

主题

1万

回帖

51

积分

注册会员

Rank: 2

积分
51
发表于 2024-4-21 01:34:36 | 显示全部楼层
来看看!!!
回复 支持 反对

使用道具 举报

1

主题

2万

回帖

176

积分

注册会员

Rank: 2

积分
176
发表于 2024-5-2 17:26:29 | 显示全部楼层
老衲笑纳了
回复 支持 反对

使用道具 举报

高级模式
B Color Image Link Quote Code Smilies

本版积分规则

手机版|小黑屋|网站地图|源码论坛 ( 海外版 )

GMT+8, 2024-11-22 23:07 , Processed in 0.134519 second(s), 28 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表