javascript - Div ホバー オーバーレイ付きの画像ギャラリー

Question

次のリンクで Tiffany が使用するものと同様のクライアント用のイメージ ギャラリーを作成したいと思います:
Tiffanys

しかし、私は JavaScript にあまり慣れていないため、
これを使用する必要があるのか​​ 、それとも別のものがあるのか​​ わかりません。方法、何か提案は役に立ちますか?

Answer 1

そのスケーリング効果はcss3で簡単に行うことができます。ここに例があります

.image{
   -webkit-transition: -moz-transform .3s ease-out; 
   -moz-transition: -webkit-transform .3s ease-out; 
   -o-transition: -o-transform .3s ease-out; 
    transition: transform .3s ease-out; /*this is for the transition to go smoother*/
}


 .image:hover
{
   -moz-transform: scale(1.3);
   -webkit-transform: scale(1.3);
   -o-transform: scale(1.3);
   transform: scale(1.3);/*scaling effect*/
}