.iframe-wrapper {position: relative; padding-bottom: min(56.25%, 315px); height: 0; overflow: hidden;} .iframe-wrapper>iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: 560px; max-height: 315px;}CSSのイージング関数はウェブ要素を手軽にアニメーションさせる便利なツールです。しかし、複雑な動作を指示しようとすると大変な作業となり、殊に細かな調整を行う場合には、試行錯誤