为了账号安全,请及时绑定邮箱和手机立即绑定

請教:before 之 過渡效果 希望從中間擴張

請教:before 之 過渡效果 希望從中間擴張

繁花如伊 2018-12-15 15:15:30
簡陋DEMO: https://codepen.io/chienweilu...想請問 :hover 偽元素的時候, 是從左上角開始擴張不知道有沒有辦法可以從中間擴滿整個圖片?並且鼠標懸浮上會稍微變大像是按鈕, 不知道有沒有辦法用純sass刻出原專案是使用icomoon, 概念大概是 滑鼠滑入專輯封面時, 出現黑底, 以及播放logo(從中間擴滿)但目前只能從左上角開始動畫, 想請問各位大大有沒有類似的經驗?順便請教如果要做這種效果還有沒有其他的辦法, 此專案是使用 vue+sass js除了vue之外想都使用原生現在只有想到 js append一個新 Child 跟直接用css 處理(但無法hover icon 繼續動作)第一個方法使用之後覺得hover (沒用jquery) 要重新封裝一個函式, 且專輯封面上已綁定了事件,就想說直接用css處理這個效果了.
查看完整描述

1 回答

?
DIEA

TA贡献1820条经验 获得超2个赞

1.将after定位在父元素的中间
2.css 动画不定义两个
(1)宽度渐长
(2)位置渐左
3.调试
ps 建议动画使用百分比单位

查看完整回答
反对 回复 2019-01-14
  • 1 回答
  • 0 关注
  • 474 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信