css-animations

    0熱度

    1回答

    SVG的中心內容

    我有如下的SVG。現在這個圓圈佔據了整個SVG的大小。我怎樣才能讓它看起來像這樣：SVG具有一定的大小（比如說215x250），並且圓圈的大小應該在svg的中心。對於這個居中的圓來說，這也會非常棒，所以它看起來像一個加載微調器。 <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http:
    html css animation svg css-animations 2017-08-09

    1熱度

    6回答

    CSS只橫幅滑塊 - 圖像超鏈接不工作

    .zd-slider { position:relative; overflow:hidden; margin-top: 0px; } .zd-slider img[id*="img"] {width:100%; position:absolute; left:0; top:0; opacity:0; -ms-filter: "progid:DXImageTransform.Microsof
    html css css-animations ebay keyframe 2017-08-10

    -2熱度

    4回答

    更改顯示時不能播放動畫

    我想製作動畫，但並不流暢。當我刪除顯示 - 一切正常。如何處理顯示和順利？ div { display: none; opacity: 0; width: 50px; height: 50px; transition: opacity 3s; background-color: black; }
    css css-animations 2017-08-12

    1熱度

    1回答

    如何在反應組件上製作背景的顏色轉換？

    我只是想在頁面中發佈新消息時設置背景淡出動畫。 我只是想要改變背景。從藍色到不透明度0. 只是在頁面中實時添加新帖子時的基本動畫。 我試過這個，但它不起作用，當我添加消息時，背景色仍然是藍色。 我使用加上SASS /北斗 <div className="successfully-saved"><Message /></div> .successfully-saved{ backgro
    css reactjs sass css-animations compass-sass 2017-08-15

    0熱度

    2回答

    懸停動畫fadein不透明度0.5懸停不透明度1

    最初我有一個盒子，通過轉換鼠標懸停時，不透明度從0.5改爲1。它運作良好。 現在我想在不透明度0到0.5的開始添加一個延遲淡入動畫。不幸的是，鼠標懸停轉換不再起作用。 我欣賞每一個想法:) .box { width: 200px: height: 50px; padding:20px; background-color: red; transition: 1s ea
    css hover css-transitions css-animations 2017-08-15

    2熱度

    1回答

    使用jquery/Javascript/CSS在頁面加載CSS'轉換：旋轉'

    簡單的div來顯示速度計; <div class="outer"> <div class="needle" ></div> </div> 在懸停時，速度計動畫好; .outer:hover .needle { transform: rotate(313deg); transform-origin: center center; } 我需要這個動畫在頁面加載
    javascript jquery html css css-animations 2017-08-16

    10熱度

    2回答

    如何優化CSS動畫（縮放，旋轉，模糊）

    以下HTML示例由兩張圖片組成;一個背景，另一個是對象。兩者都使用縮放和旋轉進行動畫製作。在全高清顯示器上，它往往是波濤洶涌。當您查看Firefox中的性能時，它可以獲得大約20fps的速度。 首先我用jQuery;爲了提高性能，我選擇了CSS，但它仍然不完美。爲了重現問題，請全屏顯示。我怎樣才能讓它變得更好？ .html, body { height: 100%;
    html css css-animations 2017-08-25

    0熱度

    1回答

    如何延遲替代元素的轉換？

    section_swipe = document.querySelectorAll("p.swipe") section_swipe.forEach((v) => { setInterval(() => v.classList.toggle('revealed'), 3000) }) p.swipe { height: auto; pad
    css html5 css3 css-transitions css-animations 2017-08-25

    1熱度

    1回答

    CSS動畫 - 將放大鏡圖標變爲交叉

    我想通過以下示例使用CSS動畫將放大鏡轉換爲十字圖標。這是我第一次使用動畫，我無法弄清楚如何把手柄放在放大鏡下面。這裏是fiddle。這是原來的demo。 這是HTML： <div id="magnifier"> <div class="magnifier-icon"> <span class="magnifier-handle"></span> <span cla
    css css-animations 2017-08-28

    0熱度

    2回答

    VueJS的過渡和CSS動畫

    我試圖實現包含CSS動畫兩個元素之間的轉換隻需遵循documentation's example。 我的HTML包含：A鍵來改變我的狀態： <button @click="toggled = !toggled"> Toggle class ({{ toggled }}) </button> 與2名裝填手（紅色和黑色的）過渡： <transition name="fade" mode
    css vue.js vuejs2 css-animations 2017-08-29
最新問題