css-transitions

    0熱度

    1回答

    我似乎無法得到不透明轉換工作在:僞元素之後,但在:before元素上的相同轉換完全正常工作。任何幫助表示讚賞! .top-nav li a:hover:after { content: "/"; display: inline-block; opacity: 1; transition: opacity 0.2s; margin-left: 10p

    0熱度

    1回答

    加速Vuetify轉換有可能嗎?我發現this頁面可以自定義轉換,但它沒有提到動畫的時間/速度。 我想將動畫時間縮短到0.2秒左右。 有沒有人有任何想法如何?

    2熱度

    1回答

    我是Vue js和轉換的新手,我正在設計一個Vue組件,我打算將數據從服務器中緩慢加載,這樣當數據不可用時,顯示加載gif。 它工作得很好。但是,當我添加一個簡單的淡入淡出轉換來使加載gif淡出並且當數據可用時內容淡入(反之亦然)時,當出現另一個時,內容和gif互相推上或推下,消失。 這是我Lazy.vue組件文件: <template> <div class="fixed-pos">

    -2熱度

    2回答

    我在HTML中有兩個圓圈(div)。如何點擊一個圓圈來改造其他圓(比如改變其不透明度:0.5;)使用過渡CSS3中 感謝

    1熱度

    1回答

    我想使用CSS在5秒內將子div緩慢地從一個像素數量擴展到另一個像素數量(同時處於活動狀態)。這一定是可能的,對吧?我試圖做到這一點的方式不起作用。 #parent { background: black; height: 10px; width: 300px; z-index: 1; } #child{ ba

    -2熱度

    1回答

    我想知道如何在上部DIV被刪除時如何進行一個div的轉換...我知道有很多關於它的問題,但它們都使用Jquery和我不想用它。我怎樣才能做到這一點? 例如: <div class='father'> <div class='child'> <div class='child'> <div class='child'> <div class='child'>

    1熱度

    2回答

    我想做一個css過渡,我看到在不和諧的應用程序,有兩個正方形縮放,旋轉和翻譯在順時針方向方向。 最初,它們位於對角位置。 下面是我的嘗試,但我沒有把它說得很對。 .box { position: relative; width: 100px; height: 100px; margin: 10%; } .box1, .

    1熱度

    1回答

    我試圖通過在頂部顯示標題而不衰減來實現幻燈片顯示。 我無法做that.Can有人幫助我在改變代碼,以便幻燈片標題 這裏開始下的是鏈接到我的codepen https://codepen.io/arunkayathi/pen/EbxpEv #landing-header { background-repeat: no-repeat; background-size:100%;

    -1熱度

    1回答

    我已經設置了一個網頁,每2秒更換一次身體的背景顏色。我一直在努力的是如何將轉換效果納入setInterval方法。我希望新顏色具有淡入淡出效果,就像CSS中的transition屬性一樣。 如何才能達到這種改變/切換背景顏色的效果? 這裏是我的代碼: var startButton = document.getElementById("startButton"); var body = do

    0熱度

    1回答

    我目前正在開發一個網站,我有一個問題與CSS過渡。 在該網站上,左側有一個帶有徽標的標題。當您向下滾動頁眉並且徽標縮小時。當您向下滾動特定數量的像素時,這可以在整個頁面中添加.smaller類。 現在的問題:當您向下滾動標題時,會很好地縮小標題,但徽標會立刻改變它的大小,並且不會縮小動畫。相反,當你再次向上滾動並且.smaller類被刪除時,標誌會很好地放大和動畫。 你能想象這裏的問題:https