[問題] 關於hover特效問題
版上大家好,小弟目前正在製作作品,被一個hover的特效卡住了
想要達成的特效範例如下:
http://www.aeris-hotel.com/
裡面中的原住民族那一行的書頁hover特效
我嘗試過很多種方法,例如用外層的div做:hover或是用bgimage來更替
都沒辦法造成那樣的效果
我把transition全部刪掉,大概得知他是上面照片跟下面文字分開的
只是好像時間錯開,讓視覺看起來似乎是一起變化
想請問,如果是分開,那怎麼滑鼠移到不管上面或下面都可以造成兩面變換
如果不是,那是什麼原理
這問題卡小弟好久,先謝謝大家幫忙orz
(code就不貼了,因為我刪掉又做刪掉又做,現在還在嘗試,沒有完整的code)
--
天地兩茫茫,
鵲橋十年傷。
相依聽離苦,
酩醒道書鄉。
矣矣道盡人海蒼蒼。
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 220.132.172.200
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1510649772.A.7FD.html
→
11/14 17:14,
6年前
, 1F
11/14 17:14, 1F
→
11/14 17:18,
6年前
, 2F
11/14 17:18, 2F
好像有點懂了,所以是將裡面的變透明然後bgimage放那張圖片嗎?!
原來我一直搞錯 我以為是有兩個DIV,一個DIV在上面平常是透明,hover過後他就
會覆蓋住下面的
※ 編輯: asdfg5247 (220.132.172.200), 11/14/2017 17:51:39