CSSのテキストシャドウ（text-shadow）をサクッと生成できる「CSS TextShadow Generator」作ってみました 2020/12/16
ここ最近でCSSのグラデーションやボックスシャドウのジェネレーターを紹介してきましたが、同じようにCSSでテキストに影を付ける「text-shadow」プロパティを手軽にサクッと生成できる「CSS TextShadow Generator」を作ってみたので紹介してみます。CSS TextShadow Generator…
Tag ： ジェネレーター
CSSのボックスシャドウ（box-shadow）をサクッと生成できる「CSS BoxShadow Generator」作ってみました 2020/10/06
先日、アニメーション付きCSSグラデーション生成ジェネレーター「CSS Gradation Generator」を紹介しましたが、同じようにCSSでボックスに影を付ける「box-shadow」プロパティを手軽にサクッと生成できる「CSS BoxShadow Generator」を作ってみたので紹介してみます。CSS B…
アニメーション付きCSSグラデーションをサクッと生成できる「CSS Gradation Generator」作ってみました 2020/09/30
CSSのグラデーションプロパティを自動で生成してくれるジェネレーターは多々ありますが多機能な故に生成までにいろいろと入力に迷ったり、実行ボタンをクリックしないとCSSが生成されなかったり、もう少し手軽にサクッとCSSグラデーションプロパティを生成できるものがほしくて必要最低限の入力で必要最低限のCSSのグラデーションプ…
CSS3のみで作られたボタンコレクション「CSS3 buttons」 2011/02/15
画像を一切使用せずに、CSS（CSS3）のみで形成された、さまざまなパターンのボタンをまとめているサイト「CSS3 buttons」がこの先活用できそうだったのでメモ書き。CSS3 buttons / ubuwaits.github.com/css3-buttons≫CSS3 buttons / ubuwaits.gi…
CSS3グラデーションのソースを自動生成してくれるジェネレーター「CSS3 gradient generator」 2010/12/16
CSS3では今まで画像で作らなくてはならなかった角丸やグラデーションが画像を使用せずにCSSから形成可能になることも魅力の一つ。ですが現状は、CSS3でのグラデーションは記述がものすごく長くなるのでちょっと面倒だったり。そんなCSS3グラデーションを、ブラウザ上でのパレット操作から自動でCSSソースを生成してくれるジェ…
CSS3実践型ジェネレーター「CSS3.0 Maker」 2010/09/02
CSS3で新たに追加となる角丸やシャドウの指定を、サイト上で簡単に生成してくれるツール（ジェネレーター）は最近よく見かけますが、CSS3で追加となる主要機能をまとめてあれこれ試すことができるジェネレーター「CSS3.0 Maker」がこれまたすごい。≫CSS3.0 Maker | CSS3.0 Generator角丸（…
画像にボーダーエフェクトを簡単に付けることができるjQueryプラグイン「Inset Border Effect jQuery Plugin」 2010/08/09
ボタンや写真画像などにCSSでボーダーを引いて、ロールオーバー等でのアニメーションエフェクトを簡単に付けることができる「Inset Border Effect jQuery Plugin」がちょっとおもしろい。≫Inset Border Effectデモ画面では写真画像にさまざまな線種のボーダーを引いて、マウスオーバー…
CSS3で作るボタン生成ジェネレーター「CSS3 Button Maker」 2010/06/02
CSS3ではグラデーションや角丸加減を画像を一切使用せずにCSSのみで表現できるようになる、というのはもう有名な話。そんなCSS3を使ってブラウザ上から簡単にボタンを生成（画像の使用は一切なし）することができる「CSS3 Button Maker」が今後活用出来そうです。≫CSS3 Button Maker | CSS…
