akb428の技術メモ

cssとかJavaScriptとか。akbは'AK'imotoの'B'logの略です。akb48は全く関係ありません。すみません。

css

transition-delayの単位を省略すると仕様では無視される

css

Blogを見た同僚から指摘されたので、メモ。 前回のブログで書いたようにtransitonによるアニメーションなどCSS3の記述で、 時間を表す数値0に単位を省略するとfireFoxでは無視される。 たとえば、trasitionのdelayで単位を省略するとfireFoxでは動かない。 -…

矩形の辺をtransitionでアニメーションさせる

css

矩形のメニューをhoverすると、周りのラインが伸縮するアニメーションがかっこ良かったので、真似してみました。 複雑なラインのアニメーションだとSVGを使うのが良いかもしれませんが、 単純にこの手もあったかぁと思ったので、 真似してみました。 作るも…

CSSで3D表現しようず! マウスの動きで回転するレイヤーを表現

あれ、いつの間にかマークダウン形式で記事が書けるようになってる…。まあいいか。 木曜日はモック曜日として、なんか案件で使えそうなモックを作っていこうと思ってます。 前回の記事では、perspectiveについて書きましたが、 それを元にパースを付けたタグ…

CSSで3D表現しようず! perspectiveのmozとwebkitのちょっとした違い。

css

ブログ始めました。はてなブログでマークダウンどうやんの?って思いながら書いてます。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…