アプリ魂

はじめてのプログラミング生活

【126日目】見出しを作ってみた#1

f:id:seitokaii:20170127000400p:plain

@appdamacyですペコリ(o_ _)o))

今日はウェブサイトのワンポイントとして使われるような動きのある見出しを作ってみました。ページを開いたら別の色をもったテキストが左からゆっくりと表示されていく仕様です。

動作のタイミングについては、キーフレームのところをホバーで書きかえるだけで、カーソルがテキストに乗ったときだけ動くようになります。またテキストを画像と余白の両方を跨ぐように重ねると格好良く見えるのでオススメです。

RESULT

f:id:seitokaii:20170126235553g:plain

HTML

CSS

2016 APPDAMACY