miMemo(ミメモ)

Web制作

[M]CSS「border-radius」角丸の調整がたった1分でできるジェネレータ発見!

Border radius

こんにちは!MIU(@miu0512)です!もしかしたらもうご存知の方もいるのかとは思いますが、角丸にするCSSのタグを角ごとに指定する際いちいち検索とかしていた私にぴったりのジェネレータが!!

四隅の数字を変えるだけで簡単にCSSがはきだされて便利!

CSS Border Radius Generator

全部の角が同じ値の時はいいのですが、角ごとに設定したいとき、ちょっと面倒だったんですよねー・・・!そんな私みたいな方にはぴったり!実際にプレビューを見ながら調整できて、すぐにCSSをコピペできちゃうんです。

使い方

四隅に数字を入れる

Border radius

とっても簡単です!サイトを開いたらまず↑のような画面が表示されるので、四隅に数字を入れます

すぐ中央に表示される!

Border radius2

角ごとの設定もラク!

Border radius3

さいごに・・・

こういった、ちょっとしたジェネレータもうまく使いこなして爆速コーディングを目指して行きたいと思います!MIUでしたー

この記事が気に入ったら
いいね!しよう

About Me

みう

みう(@miu0512)

フリーランス
Webコーディネーター

フリーランスWeb屋。マンチカン5匹と一緒に仕事をしています。 【 猫 / マンチカン / Webデザイン / ブログ / ミメモ / フリーランス / カメラ / 旅行 / 車 / 水樹奈々 / ライブ / カラオケ / アニソン / マンガ / アニメ / iPhone / Mac / 白猫 / メロディア】

PAGETOP