Web制作

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

Border radius

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

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

CSS Border Radius Generator

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

使い方

四隅に数字を入れる

Border radius

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

すぐ中央に表示される!

Border radius2

角ごとの設定もラク!

Border radius3

さいごに・・・

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

 

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

最新情報をお届けします

Twitter でみうをフォローしよう!

About

みう

みう (@miu0512)

フリーランス4年を経て起業。ホームページ制作やLP制作を企画からマーケティングまですべて請けているため、「Webコーディネーター」として活動中。

Category

Popular

  • 本日
  • 週間
  • 月間
  • 殿堂

本日の人気記事

週間の人気記事

月間の人気記事

殿堂の人気記事

PAGETOP