css-animations

    0熱度

    3回答

    css動畫從絕對變爲相對

    我發現這個波動畫「https://codepen.io/tedmcdo/pen/PqxKXg」，並希望在我的頁面上使用它來遍歷我的headerimg，但問題是動畫是爲絕對值編寫的，但我需要一個相對位置，因爲動畫應該保持在頁面頂部。 我試圖改變到的位置類型相對但是，但是我做，我打破了動畫，如果有人可以幫助我，我會很高興^^ 感謝大家的時間。 這裏是CSS： html, body { height:
    css animation css-animations 2017-07-06

    2熱度

    1回答

    如何解決從CSS關鍵幀動畫閃爍

    我想通過無限的關鍵幀動畫和動畫延遲屬性錯開三個框的不透明（淡入淡出）。 我收到了一些意想不到的行爲，隨着第三個盒子消失，它在動畫再次開始之前突然再次出現微弱（「閃爍」）。我在瀏覽器中遇到這種情況。 我想使用僞元素，如果可能的話，有沒有這個關鍵幀錯誤的已知修復？ HTML <div class="container"> <div class="child"> <div></div
    html css3 sass css-animations keyframe 2017-07-07

    0熱度

    1回答

    想使用這個動畫覆蓋整個頁面這是可能的

    我正在做一個水灌裝動畫。我的問題是 我怎樣才能使它響應。 我需要對SVG進行任何更改。 它目前位於頁面左上角的開始位置，我想將其顯示爲整頁。 我的代碼如下。 #banner { width: 150px; height: 150px; background: #fff; overflow: hidden; backface-vi
    html css svg css-animations 2017-07-14

    0熱度

    2回答

    基於滾動的動畫在指定區域外工作

    所以我對JS很超級新。我試圖讓滾動動畫只在指定區域工作，但是我的「位置：固定」標籤正在使其出現在我的網站頂部，並一直滾動瀏覽它，而不是動畫開始和只在它定義的框架中工作。 任何想法我可以解決這個問題？ 這裏是什麼樣子（這是鋼鐵俠的頭盔，赦免未完成的網站）：http://frontlinecreative.co/test-page/ 這裏是我的工作代碼： $(document).ready(funct
    javascript jquery css3 animation css-animations 2017-07-14

    0熱度

    1回答

    如何循環線性CSS3動畫

    我試圖動畫的HTML元素的列表，包括以下CSS屬性： animation: slide-right 10s linear infinite 0s; 動畫是非常適合我，但是，當列表完成，我想有一個循環行爲而不是由於動畫的無限屬性而重新開始動畫的生澀轉換。 我試圖解決它通過jQuery附加項目，但它不起作用。有可能用css3做一個循環動畫？ 我從這個codepen靈感：https://codepe
    css3 animation css-animations 2017-07-14

    0熱度

    1回答

    每次點擊180度旋轉圖像（CSS動畫）

    我已經創建了一些代碼，它會在第一次點擊時將圖像旋轉180度。下面是代碼： <HTML> <head> <style> #loading:hover { -webkit-animation: rotation 0.5s linear; } @-webkit-keyframes rotation { from { -webkit-transform:
    css css-animations 2017-07-15

    0熱度

    1回答

    倒車動畫與CSS

    我申請一個mixin通過通過jQuery中添加類旋轉的東西： .rotate-45-left() { -webkit-animation: rotate45left 2.55s ease; -moz-animation: rotate45left 2.55s ease; animation: rotate45left 2.55s ease; animatio
    jquery css less css-animations 2017-07-15

    1熱度

    1回答

    文本超鏈接褪色成圖像也超鏈接

    在文本超鏈接的時刻，當它消失到其它圖像的鏈接不再存在，你可以有第二圖像（它退色入鏈接的一個） 它似乎只有超文本鏈接，然後當圖像出現鏈接消失。 這裏是我的代碼 感謝 <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <style> div{
    html css html5 css-animations 2017-07-16

    0熱度

    1回答

    css動畫精靈表

    我有一個骰子在裏面的spritesheet; 6面。 其面是70×70像素 總子畫面圖像被70×420像素 現在我想使一個CSS動畫變爲從1至6個（這是簡單的） 另外我想改變大小;在50％的兩倍，並在100％恢復正常。 :local(.mydice) { width: 70px; height: 70px; background: url('/images/dice
    css animation resize css-animations 2017-07-16

    0熱度

    1回答

    使用關鍵幀顯示none none動畫

    我使用angular 4作爲我的框架。我正在試圖從左側爲節目添加動畫。我寫下面的代碼 .help-section background-color #EDF6F8; width 300px display none; position relative; padding 20px animation hidefromleft 1s .
    css-animations keyframe 2017-07-17
最新問題