作者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/m.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