[CSS]紙、ステッチ、リボンなどのかわいいエフェクトを簡単に実装できるコードをまとめたスタイルシート -Beemuse | コリス

2014/08/06 125 users class フレームワーク コリス div要素 HTML

p, div要素などで実装したシンプルなHTMLに紙やステッチのかわいいスタイルを簡単に実装できるスタイルシートをまとめたフレームワークを紹介します。要素を少し増やすとリボンも簡単に実装できます。 Beemuse Beemuse -GitHub 使い方は簡単、CSSファイルを外部ファイルとして記述し、あとはHTMLにclassを追加するだけで、さまざまなかわいいスタイルを利用できます。 [html... 続きを読む

[JS]円グラフにピッツァのようなかわいいアニメーションを与えるスクリプト -Pizza Pie Charts | コリス

2013/11/05 40 users コリス jQuery ピッツァ スクリプト ドーナツ

円グラフをピッツァやドーナツに見立て、ホール状のものから1ピースを抜き出すようなアニメーションがかわいいエフェクトを備えたjQueryのプラグインを紹介します。 円グラフは、確かにホールのピッツァに似てますねｗ Pizza Pie Charts Pizza Pie Charts -GitHub Pizza Pie Chartsのデモ Pizza Pie Chartsの使い方 Pizza Pie C... 続きを読む

[CSS]文字にちょっとかわいいエフェクトを加えるスタイルシート -Opening Type | コリス

2013/10/28 223 users パタ コリス エフェクト span要素 スゴイ

画像は一切使用せず、その文字をホバーするとパタっと開くエフェクトを実装するスタイルシートを紹介します。 単に開くだけでなく、シャドウも開きに応じて変化してるのがスゴイ！ 実際の動作は、下記ページで確認できます。 Opening type 面白そうなので、日本語でも試してみました。 日本語、しかも漢字でもOK 実装はこんな感じになります。 HTML 文字はspan要素で配置し、上に表示されるホワイト... 続きを読む

テキストに3DのかわいいエフェクトをPhotoshopで適用する -3D Font Generator Mockup | コリス

2013/07/17 48 users text コリス シャドウ エフェクト 奥行き

どこかで見たことあるような3DのかわいいエフェクトをPhotoshopであなたのテキストに簡単に適用できる「3D Font Generator」を紹介します。 3D Font Generator Mockup エフェクトは全部で5種類。 テキストと背景の間に垂直方向のシャドウを加え、3Dの奥行きを表現しています。 text 1 text 2 text 3 text 4 text 5 デモのフォント... 続きを読む

CSS3アニメーションを使ったボタンホバーの12種類のかわいいエフェクト | コリス

2013/06/19 227 users コリス アニメーショ ベンダプレフィックス Firefox

CSS3アニメーションを使った、ちょっと素敵なかわいいホバーエフェクト12種類のデモを紹介します。 12 fancy buttons デモはChrome, Safari, Firefoxなどのモダンブラウザでご覧ください。 12種類の中から、特に気に入ったものを下記にピックアップしてみました。 ※各CSSはエフェクトの箇所のみで、ベンダプレフィックスは省略しています。 demo 4 のアニメーショ... 続きを読む

フォントにレトロちっくなかわいいエフェクトを与えるPhotoshop用の素材 -Pixeden | コリス

2012/08/06 61 users Pixeden コリス フォント Photoshop用 素材

Archive by month 2012年8月 (16) 2012年7月 (65) 2012年6月 (57) 2012年5月 (37) 2012年4月 (40) 2012年3月 (39) 2012年2月 (41) 2012年1月 (32) 2011年12月 (37) 2011年11月 (40) 2011年10月 (45) 2011年9月 (52) 2011年8月 (46) 2011年7月 (42... 続きを読む