レイアウト用の codepen は次のとおりです: http://codepen.io/justdade/pen/hDzAv
「.small」要素が「#big」要素の下に飛び出すのではなく、「#big」要素の下に浮かぶようにします。これは CSS のみを使用して作成することは可能ですか、それとも JS/jQuery を使用してどのように作成すればよいか教えていただけますか?
ありがとうございました。
レイアウト用の codepen は次のとおりです: http://codepen.io/justdade/pen/hDzAv
「.small」要素が「#big」要素の下に飛び出すのではなく、「#big」要素の下に浮かぶようにします。これは CSS のみを使用して作成することは可能ですか、それとも JS/jQuery を使用してどのように作成すればよいか教えていただけますか?
ありがとうございました。
私の知る限り、css だけではこれを達成することはできません。要素をレイアウトし、javascript を使用してその位置を変更する必要があります。
これをゼロから作成するのは面倒な作業になるため、これを行うライブラリ/プラグインを検討することをお勧めします。
http://masonry.desandro.com/で石積みプラグインをチェックしてください。
これを見てください: http://css-tricks.com/animated-media-queries/、
transition
css の属性を使用して、石積みプラグインよりも (少なくともサファリでは) 遅延の少ないアニメーションを作成できます。