迅睿CMS框架是一款PHP8高性能·簡單易用的CMS開源開發框架,基于MIT開源許可協議發布,免費且不限制商業使用,是免費開源的產品,以萬端互聯為設計理念,支持的微信公眾號、小程序、APP客戶端、移動端網站、PC網站等多終端式管理系統。
聯系官方銷售客服
1835022288
028-61286886
請問 鼠標懸停在文章列表頁縮略圖時候 圖片放大效果 應該怎么加
這個前段JS效果了,可以百度找一找資料
回復迅睿框架創始人 好的 謝謝 有其他大神的多指點下 百度里面的很多不能用
js特效啊
百度搜搜索,jquery特效
。。html特效,去百度搜索就可以找到
/*圖片經過后當大*/
.img_scale {
width: 100%;
overflow: hidden;
}
.img_scale img {
cursor: pointer;
transition: all 0.8s;
.img_scale img:hover {
transform: scale(1.2);
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>訊睿</title>
</head>
<style>
a {
position: relative;
a img{
display: none;
position:absolute;
left: 50%;
margin-left: -60px;
margin-top: -2px;
a:hover img{
display: block;
</style>
<body>
<a href="" class="text-muted">
<span>訊睿</span><br />
<img src="圖片地址" alt="訊睿" width="130px"/>
</a>
</body>
7樓方法最佳,簡單方便
基礎的html知識!
七樓是全局的效果
有些地方用不著就多余了
七樓可行,前端開發都寫的出來
基礎姿勢,html特效
這個前段JS效果了,可以百度找一找資料
回復迅睿框架創始人 好的 謝謝 有其他大神的多指點下 百度里面的很多不能用
js特效啊
百度搜搜索,jquery特效
。。html特效,去百度搜索就可以找到
/*圖片經過后當大*/
.img_scale {
width: 100%;
overflow: hidden;
}
.img_scale img {
cursor: pointer;
transition: all 0.8s;
}
.img_scale img:hover {
transform: scale(1.2);
}
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>訊睿</title>
</head>
<style>
a {
position: relative;
}
a img{
display: none;
position:absolute;
left: 50%;
margin-left: -60px;
margin-top: -2px;
}
a:hover img{
display: block;
}
</style>
<body>
<a href="" class="text-muted">
<span>訊睿</span><br />
<img src="圖片地址" alt="訊睿" width="130px"/>
</a>
</body>
7樓方法最佳,簡單方便
基礎的html知識!
七樓是全局的效果
有些地方用不著就多余了
七樓可行,前端開發都寫的出來
基礎姿勢,html特效