Appleは9月4日(米国時間)付けと10月10日(米国時間)付けでアニメーションを実現するための2つのCSS機能を提案している。CSS TransitionsとCSS Animationだ。提案している作成者もまったく同じで、1月違うだけで同じ機能を実現するためのCSS仕様が2つ提案されていること ...

ウェブブラウザ「Google Chrome」の最新安定版であるバージョン111.0.5563.64 (Linux版/Mac版)・111.0.5563.64/.65 (Windows版)がリリースされました。View Transitions APIによって、単一ページで洗練されたトランジションが作れるようになるほか、CSS Color Level 4が有効になることで使える色の幅が広がります。

Version 111.0.5563.64 (Linux version / Mac version), 111.0.5563.64/.65 (Windows version), the latest stable version of the web browser 'Google Chrome' has been released. The View Transitions API lets ...

STEP 2で立方体が完成したので、マウスオーバーによって立方体が回転するように、動きを付けてみよう。 立方体の回転は、.cubeに対してtransform-style: preserve-3d;を指定し、子要素を3Dで描画するように設定してから、transitionプロパティでアニメーションの種類 ...