gaaamiiのブログ

間違ったことを書いている時があります。コメントやTwitter、ブコメなどでご指摘ください

CodePen

CSSで雨を表現する

せっかくの4連休ですが、なんの予定もありません。まだまだあちこち外出するのは怖いです。しかも連休初日は雨です。散歩くらいはしようと思ってましたが、この雨だとやる気が削がれますね。せっかく暇で、外は雨が降っているので、雨をCSSで表現できたら良…

Flexboxコンテナの左右の余白をいい感じにする

Flexboxコンテナの左右の余白をいい感じにしたい!でもできない!と悩んだので、それを共有します。最終的に、CSSだけで書くのは諦めてJavaScriptを書きました。悔しい!! なにを実現したいのか いくつかのアイテムを持つFlexboxコンテナで、左揃えで、画面…

CSSで■、●、▲を描く

CSSでいろいろ描けるようになっておきたいなという気持ちだけは以前からあったものの、これまでちゃんとキャッチアップできていませんでした。まずは簡単なものからということで、●と▲と■をCSSで描いて、その実装方法について書いておきたいと思います1。 ■ …

高さいっぱいのアコーディオンメニュー

See the Pen Full height accordion by gaaamii (@gaaamii-the-sasster) on CodePen. 高さいっぱいのアコーディオンメニューを書いてみた。calc()は幸福度が高い。 こういうの必要なことはちょいちょいありそう。

SVGマスクの真ん中くりぬいて明るくするやつ

練習。 codepen.io

ごく普通に動作するフラッシュメッセージのサンプル

codepen.io 練習。ごく普通なやつです。