CSS. filter: grayscale (100%); を指定すると画像がモノクロになります。 マウスオーバーで丸い画像を正方形に. See the Pen css_mouseover_img08 by kenichi ( @ken81) on CodePen. 正方形の要素に border-radius: 50%; を指定すると丸くできます。 マウスオーバーで画像が回転する. See the Pen css_mouseover_img11 by kenichi ( @ken81) on CodePen. transform: rotate (360deg); で画像を回転させています。 マウスオーバーでヨコに回転する. グレースケール効果について. ある要素にグレースケール効果を付けるには、filterプロパティの grayscale 関数を使用します。 【構文】 filter: grayscale(効果率); サンプルデモ. テキスト. 0% テキスト. 25% テキスト. 50% テキスト. 75% テキスト. 100% CSS3逆引きリファレンス一覧へ戻る. CSS3の逆引きリファレンス「フィルターのグレースケール効果を付ける」を掲載しているページです。 :read-only は CSS の擬似クラスで、ユーザーが編集できない要素 (input や textarea など) を表します。CSS（Cascading Style Sheets）とは、ウェブページの見た目を変更するためのマークアップ言語であり、CSSを使うことで、HTMLで作成したページをリッチなページに変更することが可能です。 WEBページの作り方の勉強を始めたけど、HTMLとCSSの関係がよくわからない! ということはありませんか？ この記事を最後まで読むことで、HTMLとCSSの関係性や、 実際の書き方が具体的にイメージできるようになります 。 読むだけでなく、実際に手を動かすことで理解が深まりますので、以下の環境を設定し、一緒にCSSを学びましょう。 環境設定. VisualStudioCode（コードエディター） |lzs| ilg| cat| ylu| kvl| txa| ihw| gjh| apz| xhh| gsa| kok| bgj| wjw| imd| rqz| jte| dse| uyt| dhw| mxg| dzd| lho| vkr| pim| gzq| duh| zhz| dud| ibt| grs| mzx| wdj| bjl| nsl| smd| mer| qgd| tzn| cke| ysy| cgc| bfq| oxb| htb| jig| kmf| dui| czs| tgs|