記事は ics.media へアクセスしてご覧ください。| ICS MEDIA
記事は ics.media へアクセスしてご覧ください。| ICS MEDIA
@containerscroll-state()は、CSSコンテナークエリーの一種です。従来はJavaScriptを使って実装していた、「スクロールされたらヘッダーのスタイルを切り替える」等のインタラクションをCSSだけで実装できるようになります。| ICS MEDIA
記事は ics.media へアクセスしてご覧ください。| ICS MEDIA
2025年4月にリリースされたChrome 135、Edge135からHTMLとCSSのみでカルーセルUIがつくれるようになりました。新たに追加された::scroll-button()、::scroll-marker疑似要素を使用して、ボタンやインジケーターが実装可能です。| ICS MEDIA
ウェブ開発に関するHTML、CSS、JavaScriptの新機能は次々と登場します。このような新機能を紹介したブログ記事やSNSを見たことがあるかもしれません。新機能は、開発コストやユーザーエクスペリエンスを向上させるために重要ですが、ブラウザ側の対応状況により、すぐには導入できない場合もあります。| ICS MEDIA
2024年12月〜2025年2月頃にかけてリリースされたSafari 18.2、Chrome 133、Microsoft Edge133から、text-box-trimプロパティとtext-box-edgeプロパティが使用可能になりました。テキスト要素の上下のスペースを調整できるようになります。| ICS MEDIA
前回、以下の記事でリンクテキストをホバーした際のアニメーション実装例をご紹介しました。 * 『HTMLとCSSでつくる！ リンクテキストのホバー時アニメーション11選』さて、今回は少しだけ複雑になりますが、HTMLとCSSのみでより凝った表現をする方法を紹介します。| ICS MEDIA