写真に 3D 効果を実現するための純粋な CSS Wall_html/css_WEB-ITnose

どの写真にも美しいストーリーと素晴らしい思い出が詰まっています。ご自宅のフォトウォールは、家族の大切な思い出を伝える写真をフレームで飾って壁に飾るだけでなく、手描きのフォトウォールにも進化します。フォトウォール用の特殊効果のケースをネットでよく見かけるので、自分も試してみることにしました。

v コードを直接アップロードします

このブログはフォトウォールの効果を実証するためのものです。コードを入力するだけで特殊効果が表示されます。興味のある道士は自分で試してみることができます。属性を変更して遊ぶこともできます。自分でテストする場合は、美しい女性の写真を使用することをお勧めします。

1. 準備する材料:

準備する材料があまりないので、急いで一人で行ってください: テストするために、Baidu で美しい女性の写真をいくつか見つけてください。 M t2.html コード:

3.CSS コード:

CSS コードも注目です。 、いくつかの属性を変更できます自分で、さらにプレイして、いくつかの属性を変更できます。 4. 効果のデモ:

ソースコードのダウンロード:

https://github.com/toutouge/webproject/tree/master/CSS3 Photowall 壁効果CSS3 を使用して多くのクールな効果を実現することもできます。たとえば、タイマー効果を追加して、画像を回転するルービック キューブのように見せることができます。それはおそらくさらにクールです。興味があれば、自分で試してみることもできます。もちろん、これらのクールなエフェクトを求めるオンライン検索はたくさんありますが、CSS3 の魅力を本当に感じたい場合は、やはり自分で行う必要があります。