css-transitions

    0熱度

    1回答

    我使用Javascript更改CSS，並且過渡是瞬間的，而不是花幾秒鐘的時間

    我有一個下拉導航菜單，我想更改CSS樣式（特別是導航鏈接的不透明度，使其淡入），以及除了樣式值之間沒有轉換之外，樣式可以正確更改。 我試圖在不透明度的變化上使用一個轉換，以便導航鏈接在下拉菜單後面淡入視圖。 var notViewingMenu = true; var button = document.getElementById("navList"); var
    javascript html css css3 css-transitions 2017-09-25

    0熱度

    2回答

    CSS平滑移動動畫無法正常工作

    css動畫代碼無法正常工作。當#tools_button被選中時，我希望#tools_hidden變得可見並且從頂部移動：0％到頂部：6％順利。 下面是代碼： #tools_hidden { position: fixed; left: 10%; top: 0; display: none; -webkit-transition
    css css3 css-transitions css-position css-animations 2017-09-29

    0熱度

    1回答

    Vue.js css過渡類更改

    我想通過添加一類.lightTheme來使用css轉換屬性來將#app背景從黑色變爲淡色。 .lightTheme類的添加按預期工作，但轉換不會。我需要添加Vue transition element嗎？如果是的話如何？ #app是不會離開/進入DOM - ！我只是想製作動畫的屬性（我不希望儘可能地增加不必要的代碼 HTML <div id="app" v-bind:class="{ lightT
    vue.js css-transitions 2017-10-04

    0熱度

    1回答

    如何使用ReactCSStransitionGroup或ReactTransitionGroup向下滑動React JS中的無狀態組件？

    我想滑動一個無狀態的組件，它將被初始設置爲display:none，在其父組件之一的狀態改變之後可見，就好像它像下拉菜單一樣滑落。 我是新來的動畫部分，我正在嘗試this_link。 到目前爲止，我在沙盒中試過（https://codesandbox.io/s/0xrjp051pp）。 有人可以幫忙嗎？
    javascript css3 reactjs css-transitions react-transition-group 2017-10-09

    0熱度

    1回答

    CSS-轉換字體大小不起作用

    只是試圖模仿的效果，你可以在這裏找到：（https://www.gaastrastore.com/en-de/men）： （頂部菜單，鼠標懸停在列表中的項目，進入向右移動，並獲得了兩次箭頭在前面） 我試圖讓這兩個箭頭工作。我得到了正確的工作。我試圖使用從0px到10px的轉換和字體大小的箭頭。有任何想法嗎？如果可能的話，我想堅持使用CSS。 乾杯
    css3 css-transitions font-size 2017-10-10

    1熱度

    1回答

    是否可以在單個CSS轉換中結合translateX/translateY和scale？

    我一直在玩CSS循環的循環（以下this article）。 過渡本身可劃分爲4（環狀）階段： shrinked2 =>擴展=> expanded2 =>收縮 這些狀態由4個等級表示： shrinked2 - stateOne 擴大 - stateTwo expanded2 - stateThree 已收縮2 - stateFour 我是，最初，設置我的元素的寬度和高度，正在過渡，以百分比通過id
    javascript html css css-transitions transitions 2017-10-12

    0熱度

    1回答

    如何保持動畫後的元素永久爲100％ - C

    我正在製作模態，其內部內容像列表需要在其打開時從底部逐一出現。我設法做到了，但問題是我沒有弄清楚如何讓內容隱藏起來或隱藏起來，並在動畫之後出現。 Here is Js Fiddle PLZ，讓我知道是一團糟在CSS如果任何或建議的方式。 代碼婁對堆棧的需求（摘錄沒有采取引導源文件）： li { transition: transform 1s, opacity 1s; animation-name
    css3 animation twitter-bootstrap-3 css-transitions bootstrap-modal 2017-10-12

    0熱度

    1回答

    在改變Edge中的元素類後，過渡不是動畫

    我有一個定義了transition屬性的元素。我通過切換課程在兩個州之間進行動畫製作。 但是，在邊緣（40.15063.674.0，EdgeHTML 15.15063）中，如果上一個轉換尚未完成，則轉換不會生成動畫（而是立即改變狀態）。 這是最小的片段。請注意，廣場不應該不連續跳躍。 const div = document.getElementById("div"); setInterva
    css css-transitions microsoft-edge css-transforms 2017-10-13

    1熱度

    1回答

    轉場緩和;不工作

    我想使用簡單的transiton，但我不明白爲什麼它不工作。你可以幫幫我嗎？我把transition: ease-in-out;集裝箱... 我的代碼： .container{ width:250px; height:300px; background:#00f; position:relative; transition: ease-in-out
    html css css-transitions 2017-10-14

    1熱度

    1回答

    僅用於翻譯屬性的過渡

    我有兩個變換操作（旋轉和平移），我只想對平移進行過渡（旋轉必須是即時的）。 有些建議？我更喜歡純CSS。
    css animation css-transitions transform 2017-10-16
最新問題