スタイルシートで背景画像の工夫

スタイルシートで背景画像の工夫

日時： 2007/11/18 07:33
名前：りり
URL： http://doratomo.ddo.jp/todos/2patiosoft/read.cgi?no=24: みかんさんから、お絵かき関係で相談があり、背景画像の固定などご紹介しました。

あと、背景画像では、小さなGIFアニメを横だけにリピートさせたり
http://doratomo.ddo.jp/todos/lily/xmas.htm

縦だけにリピートさせたり
http://doratomo.ddo.jp/todos/lily/index.html

ちょっとした遊びです。

Re: スタイルシートで背景画像の工夫 ( No.1 )

日時： 2007/11/18 17:01
名前： みかん

わっ、素晴らしい！！「ちょっとした」どころではありません。
すごい技術です。こんなのが出来たらいいな～と思います。
http://doratomo.ddo.jp/todos/lily/xmas.htm
このページはツリーがアニメになっていて背景画像となっているのですね。
動く文字はマーキーだと思うのですが、サンタさんはどうやって動いているのですか？javaスクリプトでしょうか？
http://doratomo.ddo.jp/todos/lily/index.html
こちらのページは背景画が縦ですね。
蝶はどうやって動いているのでしょうか？
これもjavaスクリプトでしょうか？
javascriptはソースを見ても全然わかりません。どうやったら配置できるのでしょうか？
プログラムの勉強が必要なんですか？
この素敵な画像は自分で作れるものなのでしょうか？どこかのサイトで無料で提供してくれるところはありますか？
素敵なページで、うっとりしています。

Re: スタイルシートで背景画像の工夫 ( No.2 )

日時： 2007/11/18 19:21
名前：りり

ジャバスクリプトで画像を動かすは、こちらに書きました。

http://doratomo.ddo.jp/todos/2patioospro/read.cgi?no=2

ツリーのアニメは、ビルダーの素材です。

蝶は、広げた形のものを変形して、羽をすぼませたのを作り、アニメ化して作りました。

楽しい交流と情報交換のＴＯＤＯＳ・アップローダーも用意。ぜひＴＯＰからもご覧ください。
ご参考になりましたら、お気軽に一筆お書き込みくださいませ。

題名	スレッドをトップへソート
名前
画像添付 JPEG GIF PNG	参照ボタンを押して、PCの画像を指定ください。3枚まで指定できます。縮小画像はクリックで拡大されます。
パスワード	（好きなパスワードを。投稿後、右下のスパナマークをクリックし、そのパスワードを入れて修正できます。）
コメント
	クッキー保存

スレッドTOPへ＊＊＊スレッド一覧