深圳市金黑网络技术有限公司始终坚持以用户需求为导向，提供安全、稳定、高效的产品和服务！
签到 · 搜索导航 · 服务热线 · 微信/手机：17817817816

深圳网站建设

搜索
应用资源 › 应用开发教程 › 前端教程 › html教程 › 分享一段css旋转变色放大缩小特效代码
返回列表 发新帖
查看: 780|回复: 0

分享一段css旋转变色放大缩小特效代码

[复制链接]
admin

UID
1
贡献
844
金币
1540
主题
520
在线时间
333 小时
注册时间
2022-1-15
最后登录
2024-11-12
QQ
发表于 2022-2-9 18:23:41 | 780 | 0 | 显示全部楼层 |阅读模式
admin 2022-2-9 18:23:41 780 0 显示全部楼层
分享一段css旋转变色放大缩小特效代码
效果如图所示:
css旋转放大缩小特效.jpg

html+css代码如下：
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.         <meta charset="utf-8" />
  5.         <title></title>
  6.         <style type="text/css">
  7.                 div{
  8.                         width:200px;
  9.                         height:200px;
  10.                         background:red;
  11.                         transition:all 2s ease;
  12.                         padding:10px;
  13.                 }
  14.                 div:hover{
  15.                         transform:rotate(720deg) scale(0.2);
  16.                         background:green;
  17.                 }
  18.         </style>
  19. </head>
  20. <body>
  21.         <div>金黑网络</div>
  22. </body>
  23. </html>
复制代码


深圳网站建设, 网站建设, 前端教程, css教程, css特效
楼主热帖

相关帖子
回复

举报

返回列表 发新帖
Copyright © 2013-2023 深圳市金黑网络技术有限公司 版权所有    备案号：粤ICP备2021124338号    粤公网安备 44030702003689号

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

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