css
Blogを見た同僚から指摘されたので、メモ。 前回のブログで書いたようにtransitonによるアニメーションなどCSS3の記述で、 時間を表す数値0に単位を省略するとfireFoxでは無視される。 たとえば、trasitionのdelayで単位を省略するとfireFoxでは動かない。 -…
矩形のメニューをhoverすると、周りのラインが伸縮するアニメーションがかっこ良かったので、真似してみました。 複雑なラインのアニメーションだとSVGを使うのが良いかもしれませんが、 単純にこの手もあったかぁと思ったので、 真似してみました。 作るも…
あれ、いつの間にかマークダウン形式で記事が書けるようになってる…。まあいいか。 木曜日はモック曜日として、なんか案件で使えそうなモックを作っていこうと思ってます。 前回の記事では、perspectiveについて書きましたが、 それを元にパースを付けたタグ…
ブログ始めました。はてなブログでマークダウンどうやんの?って思いながら書いてます。CSSの奥行きをつけるperspectiveでハマったのでちょっとメモです。 まず、画像を傾かせてパースを付けたものを作りたいとします。こんなの↓ htmlはこんな感じ。 <div id="world"> <div id="pic"><img src="http://jsrun.it/assets/a/e/M/E/aeMEX.jpg" width="300" height="300" alt="うさぎかわいい"></div> </div> CSS…