フリーランスWebデザイナー・ななふの
デザイン、コーディングの勉強記録やTIPSなど

2022年のクリスマスカード(サイト)

HTML/CSS
スポンサーリンク

こんにちは!

かなり投稿の間が空いてしまいました・・・

今年度後半は、制作会社様から案件をいただけることになったので、案件対応を優先で過ごしてきました。(案件対応で色々とあり、かなり疲労してます💦)

気が付いたらもう年末!

一応💦クリスマス中にさささっと作ったクリスマスカード風サイトがあるので、簡単にですがご紹介させていただきます。

スポンサーリンク
スポンサーリンク
スポンサーリンク

お気に入りのCodePen

あまり時間もないので、一からデザイン~コーディングというのはできなかったので、

最近のお気に入りのCodePenをベースに作ってみました。

カードの回転に合わせてノイズっぽい背景をテキストでクリップしている動き!

どこかで取り入れてみたいと思ってました。

See the Pen Holographic type by Jimmy Chion (@cjimmy) on CodePen.

スポンサーリンク

雪を降らせたい

上記のCodePenにクリスマスらしく、雪を降らせる演出を追加したい!

以下のサイトから雪の結晶のアイコンをSVGでダウンロードして使用させていただきました。

そして、SVGで雪を降らせる手順は私の大好きなサイトの「フーノページ」様を参考にさせていただきました。

ななふのクリスマスカード、こんな感じにできました!

かなりシンプルですが、、、

こんな感じにできました!

デモサイトも是非ご覧ください。※レスポンシブ対応してます

よいお年を!

クリスマスはあっという間に終わってしまいましたね、

もうすぐ新年ですね。

皆様にとってよい年になります様、お祈り申し上げます。

では~!

HTML/CSS
スポンサーリンク
この記事が気に入ったらシェアしてね!
na2factory ななふをフォローする
na2factory ななふ
フリーランス Webデザイナー

群馬県在住の40代女子です。
2020年8月からWebデザインの勉強を独学でスタートし、
2021年11月に開業しました。
守備範囲はバナー・チラシ制作からWordPressでのサイト制作まで。

このサイトでは、Webデザイナーになるべく自分が調べた事、
自主制作物、テクニック等を紹介しています。

詳しいプロフィールはこちら

Na2 factory ななファクトリー

コメント