作者asdfg5247 (天天)
看板Web_Design
标题[问题] 关於hover特效问题
时间Tue Nov 14 16:56:04 2017
版上大家好,小弟目前正在制作作品,被一个hover的特效卡住了
想要达成的特效范例如下:
http://www.aeris-hotel.com/
里面中的原住民族那一行的书页hover特效
我尝试过很多种方法,例如用外层的div做:hover或是用bgimage来更替
都没办法造成那样的效果
我把transition全部删掉,大概得知他是上面照片跟下面文字分开的
只是好像时间错开,让视觉看起来似乎是一起变化
想请问,如果是分开,那怎麽滑鼠移到不管上面或下面都可以造成两面变换
如果不是,那是什麽原理
这问题卡小弟好久,先谢谢大家帮忙orz
(code就不贴了,因为我删掉又做删掉又做,现在还在尝试,没有完整的code)
--
天地两茫茫,
鹊桥十年伤。
相依听离苦,
酩醒道书乡。
矣矣道尽人海苍苍。
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 220.132.172.200
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1510649772.A.7FD.html
1F:→ tino1991: 他hover是在外层.item上啊 11/14 17:14
2F:→ tino1991: .item:hover 再把里面的.Img 跟 .Txt 变透明 11/14 17:18
好像有点懂了,所以是将里面的变透明然後bgimage放那张图片吗?!
原来我一直搞错 我以为是有两个DIV,一个DIV在上面平常是透明,hover过後他就
会覆盖住下面的
※ 编辑: asdfg5247 (220.132.172.200), 11/14/2017 17:51:39