webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき

webかたつむり

ウェブデザインを勉強中

animation

svg animation

svg animation 文字が線画を描いていくように現れる、アニメーション。 事前準備 イラストレーターで大きめの文字を作る。 文字をアウトライン化する。 svg形式で保存する。 このとき「文字」「SVG」を選択する。 「イラストレーターの編集機能を保持」はチ…

css3 animation 文字のアニメーション

文字のアニメーション カウンターのように文字を入れ替える。 <li>で表示させたい文章を縦に並べる。 窓を作って、overflow-hidden 説明はめんどくさい。カルーセルウィンドウの縦バージョン。 ポイントは、<li>の高さ、line-height、窓(#news)の高さを揃えること</li></li>…