javascript - vue 2.0 transiton過渡效果異常

vue2.0上做切換過渡時，發現切換顯示正常，切換消失時有延遲沒有過渡效果 {代碼...} {代碼...}

世界只因有你 2017-05-19 10:33:34 0  1  642

地面濾鏡模糊過渡問題

按下按鈕會模糊背景，但在過渡時，div的邊緣過渡效果不佳。除了Firefox之外的所有瀏覽器都存在此問題，我該如何修復它？ varbtn=document.querySelector('button');vardiv=document.querySelector('div');btn.addEventListener('click',function(){div.classList.toggle('

P粉314915922 2024-04-01 23:10:22 0  1  476

javascript - vue1.0過渡效果怎麼變成vue2.0?

這是1.0的過渡效果,轉換成2.0的,應該是什麼!

为情所困 2017-05-19 10:40:59 0  2  584

javascript - vue過渡效果 css過渡 類別名稱的先後順序

給一個元素設計過渡,理想效果是出現時高度遞增，消失是高度遞減。設計的程式碼如下： {程式碼...} 結果元素出現時，高度直接到達100px，消失時正常，修改程式碼的順序如下： {程式碼...} 問題解決了，不明白順序為什麼...

黄舟 2017-06-26 10:55:15 0  4  691

javascript - 怎麼判斷一個元素是否正在進行過渡的狀態？

有沒有這麼一個屬性。可以判斷一個元素是否正在進行過渡的狀態？現在是自己在transtionend的事件中，給每一個過渡完成的元素所添加的屬性來進行的標記

typecho 2017-07-05 10:36:10 0  1  814

我怎樣才能過渡高度：0；高度：自動；使用CSS？

我正在嘗試使用CSS過渡使向下滑動。從height:0;開始。懸停時，高度設定為height:auto;。然而，這導致它只是出現，而不過渡，如果我從height:40px;到height:auto;，那麼它會向上滑動到height:0;，然後突然跳到正確的高度。如果不使用JavaScript，我還能如何做到這一點？ #child0{height:0;overflow:hidden;backgroun

P粉461599845 2023-08-27 11:59:03 0  2  500

實現多個CSS過渡效果的方法

這是一個非常直接的問題，但是我找不到關於CSS過渡屬性的很好的文檔。以下是CSS片段：.nava{text-transform:uppercase;text-decoration:none;color:#d3d3d3;line-height:1.5em;font-size:.8em;display:block;text-align:center;text -shadow:0-1.5em0rgba(2

P粉258788831 2023-08-22 11:00:36 0  2  473

內在小孩的過渡之火

這是最小的可重現範例。 「切換」懸停的過渡結束正在觸發（我不想要）並過早隱藏「a」。若要在轉換結束後重現點擊切換。我意識到這種情況正在發生，因為切換位於a內部（我無法更改它）。有沒有辦法在切換時停止轉換（不偵測發生了哪個轉換）。它變得太複雜了，發現transitionend有bug，我寧願使用setTimeout（這對於css轉換來說有點可笑）。 vara=document.querySelector(

P粉274161593 2024-04-02 14:38:29 0  1  398

css3 - CSS過渡效果導致文字模糊或抖動？

直接上gif圖吧： 代碼： 模版： {代碼...} CSS: {代碼...} 去掉了一些不相關的樣式，現在已知的情況是在Chrome中下拉框右側小三角的過渡效果導致文字模糊和抖動的，如果給加上backface-visibility: hidden;，文字...

ringa_lee 2017-05-24 11:35:53 0  2  2461

如何在Vue過渡中去除過渡延遲？

我正在使用Vue來實現當滑鼠懸停在圖片上時，透過動畫將文字方塊向上移動並淡入。動畫效果是正確的，但是它有一個輕微的延遲才開始。我希望文字方塊在圖片懸停時能夠平滑且立即地開始淡入和向上移動。當遊標離開時，文字方塊能夠正確地淡出和向下移動。 template:`{{badges[item].description}}`,methods:{hoverStart(i){this.hoveredIndex=i;},

P粉757432491 2023-08-17 17:36:49 0  1  525

使用純Javascript實現影像替換的過渡效果

在我創建的網站上，我有一些手風琴，每個手風琴的頂部都有一個圖像。當您打開手風琴時，裡面有一個描述，圖像會變成另一張。然後，當您關閉手風琴時，影像會切換回第一個影像。問題是我希望這個圖像變化有一個平滑的過渡，具有淡入淡出的效果，而現在它只是一個突然的變化。我該怎麼做？假設手風琴按鈕的id為「button」；包含第一張圖片（將更改為第二張圖片）的標籤的id為「firstimage」。這是JavaS

P粉458913655 2024-03-30 00:14:11 0  1  462

JavaScript實現縮圖到全寬影像頁的平滑過渡

http://manifesto.clapat.com/如果您在主頁上點擊任何項目，您將從縮圖轉換到全螢幕圖像，該圖像將成為該項目頁面的標題。這些過渡效果是如何創建的，以及最好的方式是使用內部路由而不是ReactRouter來實現它們，但如果有人能夠使其與ReactRouter一起工作，我也可以進行移植。有一些教程可以找到，但它們都在同一頁上加載數據，類似於全螢幕模態組件，而不是轉到另一個/項目頁面

P粉536532781 2023-09-15 22:09:37 0  1  986

如何實現平滑過渡邊距百分比，當調整視窗大小時

當視窗較小時，我想在元素周圍設定一個百分比的邊距，佔視口寬度的5%；當視窗較大時，邊距佔視口寬度的15%。我可以使用媒體查詢來切換邊距的數值，如下所示：.element{margin:5%;}@media(min-width:800px){.element{margin:15%;}}然而，我希望在當視窗大小改變時，百分比之間能夠平滑過渡，而不是從一個值突變到另一個值。我認為像這樣的方法可能有效：@m

P粉155832941 2023-09-12 18:47:54 0  1  610

是否可以實現從一種顏色繪製的文字到動畫漸變的平滑過渡？

頁面上有白色文本，其下方有一個按鈕。此外，也套用動畫漸層來填滿文字。當您按一下該按鈕時，-webkit-text-fill-color屬性將變為透明，導致文字顏色突然變更以符合漸層。如下所示：https://codepen.io/hvyjhqnt-the-vuer/pen/poQdaLQ能否實現從白色到漸變的平滑過渡？ （-webkit-text-fill-color屬性不直接支援transiti

P粉762447363 2023-09-16 09:22:05 0  1  833

shell - 將傳入bash的參數如何從第二個開始傳給python

{程式碼...} 運行方法 {程式碼...} 就是如何將傳入的bash的參數從第二個開始傳給python腳本,傳給python的參數個數不定，至少是一個

扔个三星炸死你 2017-06-28 09:24:40 0  1  1214

javascript - vue中路由過渡的問題？

vue裡面為路由添加過場動畫淡入淡出效果, 元件在移除時是淡出的，但是在進入時是瞬間進入的，並沒有淡入，這兩步之間，頁面會變空白。下面是我的程式碼，就是從官網抄的： {程式碼...}

滿天的星座 2017-06-12 09:30:07 0  3  776

html - flask後台傳一個null到前端

flask後端傳值到前端javascript裡傳遞一個null，例如['Global',null,0,0]如果用str傳的話會是['Global','null',0,0],有什麼辦法嗎？

扔个三星炸死你 2017-06-22 11:51:24 0  1  959