css-transforms

    1熱

    1答えて

    コンテナの子にパースペクティブが適用されないのはなぜですか？

    私は4フロアの3Dフロアプランを作成しており、すべてのフロアに同じパースペクティブを適用したいと考えています。それは問題であることが判明しました。 実際のフロアプランイメージを含むdivの周りにラッパーを配置する必要があります。 <div class="map"> <!-- Has perspective applied --> <div class="floor"> <!-- Wr
    css css3 css-transforms 2017-12-18

    5熱

    1答えて

    Html/Css擬似要素を含む三角形

    擬似要素で三角形を作成しようとしています。下の画像のようなものです。 しかし、これは私が得るものです。 これまで私がこれまで試みてきたのはこれです。 .container .form--container:before { content: ""; position: absolute; top: 0px; left: 130px; width:
    html css css3 css-transforms pseudo-element 2017-12-23

    0熱

    1答えて

    同じ行で、それぞれ100％のフレックス画像

    私は3つのdivを持つコンテナを内部にオーバーフローで隠しています。この容器の幅と高さは100％で350pxです。 3つのdiv内に、背景画像があります。各divは、コンテナと同じ高さと100％幅を持ちます。私はそれをアニメーション化してスライダを作成したいので、最初のdivの右側にすべて整列されます。各divの簡単なbg画像+テキストスライダー。 私の実際のコード： HTML <div id="
    html css css3 css-transforms 2017-11-08

    0熱

    2答えて

    長方形のダイヤモンドHTML＆CSS3

    長方形にダイヤモンドを作りたいと思います。私はすでに、正方形でそれをやってきました： .box { width:100px; height:100px; background:orange; z-index:1; position:relative; } .box:before { positio
    html css html5 css3 css-transforms 2017-12-29

    0熱

    2答えて

    浮動小数点型の要素の隣にある要素を中心とするナビゲーションバー

    ナビゲーションバー。 私はnavbarの真ん中にリンクを集中しようとしています。私は解決策を探していましたが、私のnavbarが壊れてしまいます。つまり、リンクを数ピクセル右に移動します。私はdisplay: blockを置くかどうかを知っていますが、それは中心に置かれますが、右側のアイテムはぶつかってしまいます。これは私がこれまで持っているものです。 .navbar > a.favmovies-
    html css css3 flexbox css-transforms 2017-11-13

    0熱

    1答えて

    divはまだゼロの幅に調整されています。

    ここの中央にあるdivは表示されていませんが、まだ幅が調整されていないと、どのように私はdivのスペースを占めていないスケールの変換を使用して中央にすることができますか？私は私の究極の目標は、skrollrでこれを使用することで、徐々にスクロールダウンすると途中でのdivを拡大display: none; <style> div { display: inline-block;
    html css css-transforms skrollr 2017-11-23

    0熱

    1答えて

    アニメーションやその他の属性にダブルベンダープレフィックスを使用する

    私はいくつかのCSSアニメーションでうんざりしています。ベンダープレフィックスを追加することになったとき、私は小さなジレンマに遭遇しました。私は、 "keyframes"プロパティはベンダープレフィックスを "transform"のような他のCSSプロパティと同じように明示的に定義する必要があることを知っています。しかし、私が疑問に思っていたことは、ベンダープレフィックスを両方の部分に含めるべきか
    css css-animations css-transforms vendor-prefix 2017-11-29

    1熱

    1答えて

    ブラウザウィンドウの中央付近の要素のアニメーション？

    基本的には、私は、スクリーンの中心の周りに自分自身を配置しながら、不可視から不透明にフェードインするためにアニメーション化したい要素の形のグループを持っています。 私は、CSS3のアニメーション/変換/変換が長い道のりを歩んでこれを行うのに十分だと読んだことがありますが、私はすべてのことが起こるように少し問題があります。右と下のダイヤモンドは動かず、左と上のダイヤモンドは消えません。ブラウザの幅を
    css3 animation css-transitions css-animations css-transforms 2017-11-30

    0熱

    2答えて

    私の「変換」はなぜ機能しないのですか？

    .rotate { display: block; width: 64px; height: 64px; border: 2px black dashed; animation: rotate 40s linear infinite; border-radius: 50%; transform: sc
    css css-animations css-transforms 2017-12-08

    4熱

    1答えて

    2つの異なるCSS変換を適用するsimultanesouly

    私は、カーソルの位置に基づいて左右のトランスフォームを使用して画像を調整するスクリプトを作成しています。 ホバー上の画像をズームするCSSもあります。 // JavaScript source code var catchX = 0, catchY = 0, x = 0, y = 0, burn = 1/28; functi
    javascript jquery css-transforms requestanimationframe 2017-12-11
最新の質問