·设为首页收藏本站📧邮箱修改🎁免费下载专区💎积分✅卡密📒收藏夹👽聊天室
12下一页
返回列表 发布新帖

怎么把横幅弄到可翻转 大神们

169 19
发表于 2024-7-26 08:33:16 | 查看全部 阅读模式

马上注册,免费下载更多dz插件网资源。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
怎么把横幅弄到可翻转 大神们,网站首页顶部有6个小横幅,领导要我搞到可翻转服了。。有大神们给代码改吗 就是鼠标移过去会翻转 怎么把横幅弄到可翻转 大神们 69740,鼠标,横幅,代码,翻转
我要说一句 收起回复
创宇盾启航版免费网站防御网站加速服务

评论19

TyCodingLv.8 发表于 2024-7-26 08:34:00 | 查看全部
在BING里搜索一下:js 图片翻转效果 ,不就可以搜出东西来了
我要说一句 收起回复
IT618发布Lv.8 发表于 2024-7-26 08:34:13 | 查看全部
问问ai吧
我要说一句 收起回复
IT618发布Lv.8 发表于 2024-7-26 08:35:13 | 查看全部
一个css代码就可以搞定了,就是转圈圈这种可以不?
我要说一句 收起回复
拾光Lv.8 发表于 2024-7-26 08:35:32 | 查看全部
请教大神吧
我要说一句 收起回复
独家记忆Lv.8 发表于 2024-7-26 08:35:38 | 查看全部
<style>

#hover-image {
  transition: transform 0.5s ease; /* 设置动画过渡效果 */
}
#hover-image:hover {
  transform: rotate(90deg); /* 鼠标悬停时翻转图片 */
}

</style>

把css添加在css文件里面  或者直接添加在页面前面




找到要翻转的图片 img标签,加上这个id  id="hover-image"
  1. img src="thumbnail.png" alt="缩略图" id="hover-image"
复制代码
我要说一句 收起回复
IT618发布Lv.8 发表于 2024-7-26 08:36:17 | 查看全部
transform: rotate(90deg); /* 鼠标悬停时翻转图片 */
这里的90   可以随便改
我要说一句 收起回复
IT618发布Lv.8 发表于 2024-7-26 08:36:54 | 查看全部
不过上面给出的是旋转效果,

如果要翻转效果,

就把
transform: rotate(90deg); /* 鼠标悬停时翻转图片 */
改成
transform: scaleY(-1); /* 在鼠标悬停时沿y轴翻转图片 */
我要说一句 收起回复
独家记忆Lv.8 发表于 2024-7-26 08:37:49 | 查看全部
不行,就淘宝上找人搞搞了
我要说一句 收起回复
拾光Lv.8 发表于 2024-7-26 08:38:05 | 查看全部
别搞了,跟他说那样会拖慢网页打开速度,对网站用户体验不好,对SEO更不好!
我要说一句 收起回复

回复

 懒得打字嘛,点击右侧快捷回复【查看最新发布】   【应用商城享更多资源】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

创宇盾启航版免费网站防御网站加速服务
投诉/建议联系

discuzaddons@vip.qq.com

未经授权禁止转载,复制和建立镜像,
如有违反,按照公告处理!!!
  • 联系QQ客服
  • 添加微信客服

联系DZ插件网微信客服|最近更新|Archiver|手机版|小黑屋|DZ插件网! ( 鄂ICP备20010621号-1 )|网站地图 知道创宇云防御

您的IP:18.224.58.121,GMT+8, 2024-11-5 04:49 , Processed in 1.190236 second(s), 126 queries , Gzip On, Redis On.

Powered by Discuz! X5.0 Licensed

© 2001-2024 Discuz! Team.

关灯 在本版发帖
扫一扫添加微信客服
QQ客服返回顶部
快速回复 返回顶部 返回列表