白あんapp配信中 詳しくはこちらから

CSS3のアニメーションを使って キラシールのような演出を作ってみたよ

またまたお久しぶりです。
今回も白猫とは全く関係ないけど やってみたら意外と良い感じだったので 記してみましたw

細かい調整を色々としてないので PCなどで見ると 背景が悲惨な事になります スマホで見てくださいw
(〃・д・) -д-))ペコリン

スポンサーリンク

キラキラシール披露

まずは元絵へはこちら


とらぶるトラベラーのバナーを拝借いたしました
ちなみに 下の絵も含めて 無加工です
(サイズ落としたりはしてますが。)

キラシール風画像完成

.。゚+.(・∀・)゚+.゚
どうよwキラキラしてるw

仕事でちょっとアニメーション作る事になったので その勉強がてら 作ってみたら 案外良い感じに↑↑

ちなみにこれ 画像を加工ではなく CSSで背景色等をアニメーションさせて演出してます。

しかし このブログでは これを使うのは難しい感じですね。
派手すぎてデザインに合わない気がする。

オシャレな画像でも作ってみる

こういう オサレ系写真扱うサイトなら 使える場所ありそう。
ページのトップに置いて ヒーローヘッダーにしてみたりしたら カッコ良い♪

(´-`).。oO(といいつつ ブログのどっかに使う日が来るかも知れませんがw)

文字たけでやってみる

SSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS

画像ないとこんな感じになります
(謎のS連打は気にしないでw)

1行のみの文章なら ネオン的な使い道はあるかな

白あんをよろしくお願いします。

こんな感じでw

近況報告

生きてます。 元気です。 白猫やってます。

自室のPCが絶不調で 作業が全く捗らず

が ブログ放置の主な理由ですw

そろそろ買うんで 買ったらちゃんと書きたいとは思ってるのだよ
(未だに ブログの方向性決まってないがw)

トップへ戻る
タイトルとURLをコピーしました