こんぺいとう

サイト名 こんぺいとう
URL http://p-rocket.com/Kompeito/
概要 WEB絵本
使用技術 HTML, CSS, jQuery
制作時期 2017年1月
制作期間 1週間

画像は極力使わず、CSSで実装した、jQueryの効果で動く絵本です。

スクロールで話が進みます。

様々なデバイスでご覧いただけるようになっていますが、パソコンでの閲覧をお勧めします。

こちらのサイトでは、png画像を3点、背景に使用しています。

背景以外のオブジェクトはCSSで作っているため、IEや古いデバイス、一部のブラウザでは、うまく表示できないこともあります。

イラストがうまく反映されないときは、こちらから、CSSではなくPNG画像のイラストによる実装でご覧いただけます。

主にCSSとjQueryの練習をしようと思い、絵本のようなページを作ることにしました。

CSSでイラストを描くことを目的としていたので、とてもシンプルな絵になっています。

ストーリーはオリジナルです。

top