CSSだけでwebページをバウンド表示させる方法 | q-AzCSS だけで web ページをバウンドをしているように表示させてみます。現在このページでもバウンド表示を実装しているのでビヨンビヨンとバウンドしながら表示されたと思います。 web ページ全体をするというと若干好みが分かれそうな表示ですが、全体ではなく一部の要素だったりマウスがホバーした要素だけなどであれば、デザインによっては効果的なものになるかもしれません。 webページ全体をCSSだけでバウンドさせるCSS の animaion と transform の scale 値を使います。scale で拡大率を指定しています。 body { animation: bound 2.2s ease-in-out; transform-origin: 50% 50vh; } @keyframes bound { 0% {transform: scale(0.1)} 12.5% {transfor
