PTT
Submit
Submit
選擇語言
正體中文
简体中文
PTT
Web_Design
[問題] vue新手,css width改變動畫問題
作者:
wuwt4y
(Poky)
2018-06-09 14:20:31
我最近在學vue
有一部分是按鈕點擊後,
某個div 內的寬度從80%變100%
以前jQuery 可以直接.animate去改變並且有動畫效果
現在vue參考官方文件透過transition
可以達到出現,消失,類似toggle
但是我要width 80%>100%,不知道該如何處理。
現在是透過v-bind 去判斷 來改變css class
但是這樣沒有動畫效果,而是直接改變。
希望能質點迷津,感謝
作者:
art1
(人,原來不是人)
2018-06-09 14:36:00
google transition div width animation
http://jsfiddle.net/tVHYg/4/
作者:
sa0124
((恩恩))
2018-06-10 17:16:00
css應該要綁動態的,click的時候用methods return一個綁transition的css class上去阿 沒注意到你css已經有綁v bind了,那transition應該就會有動畫效果了才對 奇怪@@”
作者:
lin009
(lin009)
2018-06-11 15:00:00
把 code 貼上來會比較好判斷喔~
作者: Northa
2018-06-12 02:14:00
有綁定 class 應該是會有過渡動畫出現,會不會是忘記加 transition 了呢?
繼續閱讀
[問題] 已經有網址 想請益wordpress的問題?
aaaaagerman
[問題] 把按鈕 disabled ,換行設定失效(已解決)
art1
[問題] 網頁設計線上課程推薦
susimei
[請益] awwwards上的作品
ponyufang
[問題] collaborative code editor
suhang
[問題] wordpress響應式網站圖片尺寸
cafi333
[問題] iframe如何送access token -已解決
greenfish27
[問題] 從SQL欄位判來產生Menu
qwerty147852
[請益] 關於fancybox使用Youtube影片的問題
Haruna1998
[問題] 選擇器:位於某元素「前」的元素
ggirls
Links
booklink
Contact Us: admin [ a t ] ucptt.com