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

深圳网站建设

搜索
应用资源 › 应用开发教程 › 前端教程 › css教程 › css3图片鼠标移动放上去渐渐显示高清特效代码 ...
返回列表 发新帖
查看: 428|回复: 0

css3图片鼠标移动放上去渐渐显示高清特效代码

[复制链接]
金黑

UID
2
贡献
53
金币
3
主题
9
在线时间
3 小时
注册时间
2022-9-26
最后登录
2023-4-17
发表于 2023-4-6 17:17:51 | 428 | 0 | 显示全部楼层 |阅读模式
金黑 2023-4-6 17:17:51 428 0 显示全部楼层
css3图片鼠标移动放上去渐渐显示高清特效代码


html代码如下：
  1. <img src="https://www.jinhei.com/template/jinhei_com/style/img/logo.png" />
复制代码
css代码：
  1. img{
  2. opacity: 0.6;
  3. transition: opacity 1s ease-in-out;
  4. -moz-transition: opacity 1s ease-in-out;
  5. -webkit-transition: opacity 1s ease-in-out;
  6. }

  8. img:hover {
  9. opacity: 1.0;
  10. transition: opacity .55s ease-in-out;
  11. -moz-transition: opacity .55s ease-in-out;
  12. -webkit-transition: opacity .55s ease-in-out;
  13. }
复制代码

css教程, css3特效
楼主热帖

相关帖子
回复

举报

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

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

支付宝扫一扫打赏

微信扫一扫打赏

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