カルーセルについて。http://www.izumi.akita.jp/childこのトップページのようなカルーセルを作りたいのですが、普通のカルーセルの作り方まではwebで独学で出来たのですが、Photoshopに例えると、カルーセルの上に透過PNGを置いて、透過した部分から写真が見えるようにするというのはどのようにしたら出来ますでしょうか？検索が下手なのか、Tipsが乗っているサイトを見つけることが出来ません。どなたか助けて下さい。
カルーセルの上にpositionで透過PNGを重ねるのだ〜
きゃ〜、なんて素敵なウェブデザイン♡美しいものは良いですね。
女子ウケしそうなデザインですね。
2コメのコメ主（男）ですけど男でも惚れ惚れしましたわ♡
これは真似したいぜ
カルーセル自体はいたって普通のものだと思います。その上から下記画像を「after擬似要素」で覆い被せています。
ありがとうございます！！恥ずかしながら「after擬似要素」とは初めて知りました。ググって勉強して試してみます！！
不躾ですみません。ここまでパっと作成ソフトで作りました。ttp://montag.webcrow.jp/教えて頂いたafter擬似要素とは、どのあたりを弄ったらよろしいでしょうか。よろしければttp://montag.webcrow.jp/test.zipにソースをアップしましたので、ご教示下さい。
みんなの回答 5 件
カルーセルの上にpositionで透過PNGを重ねるのだ〜
きゃ〜、なんて素敵なウェブデザイン♡
美しいものは良いですね。
女子ウケしそうなデザインですね。
これは真似したいぜ
カルーセル自体はいたって普通のものだと思います。
その上から下記画像を「after擬似要素」で覆い被せています。
ttp://www.izumi.akita.jp/theme_child/img/index/slide_cover.png
頑張ってください。
関連するトピックス