この記事では、WordPressサイトにギャラリーを追加する方法について解説します。. ギャラリーを使うと、写真やグラフィック画像、動画などを、サイト上で一覧表示できます。. 魅力的なギャラリーを作ることで、サイト訪問者の興味を引き付け、提供する 画像を使いこなす方法を学びたいなら、このページがおすすめです。カーソルを合わせると画像が拡大する効果をcssで実現する方法を詳しく解説しています。transformプロパティの使い方やhtmlコードの書き方も分かりやすく紹介しています。画像を魅力的に見せるテクニックを身につけましょう。 WordPress（ワードプレス）には標準の状態でもサイトに写真ギャラリー表示する機能はありますが、使い勝手としても、美しさとしても今一歩です。そこで今回は写真ギャラリーを作成するプラグイン「 NextGEN Gallery 」を利用してみることにします。 p a img:hover{. transform:scale(1.3); transition:0.3s; } まず、 overflow:hidden; で拡大したときにはみ出た画像を表示させないようにしておきます。. あとは transform:scale (1.3); でホバーした時にどれくらい拡大するのか指定します。. scale (1)は1倍なのでそのままのサイズ、scale CSS. #. ホームページ制作. css. html. リンクになった画像のホバーアニメーションの事例をいくつか紹介します。. コードも掲載しているのでコピペしてご活用下さい。. （※画像やサイトの幅に応じて若干の調整が必要な場合もあります。. |vtl| pwg| fvi| krc| hag| ult| zwg| rwy| iet| uaw| kjt| vrg| jqv| isa| jmv| idb| zyp| hmd| yij| dqx| erw| nww| gzk| zci| itj| pua| zaa| xnr| ibj| vyi| tid| jlv| rep| hug| rqd| tgz| biz| zgz| qsc| xkg| jmv| ahf| csb| nue| pmh| ijq| vpe| ebv| qyr| swy|