幅いっぱいの画像に与えるさまざまなCSSグラデーションを簡単に生成できる便利ツール -The Hero Generator
ヒーローヘッダに使用する幅いっぱいの画像に与えるさまざまなグラデーションのスタイルシートを1クリックで生成できるジェネレーターを紹介します。 グラデーションのカスタマイズや自分の画像をアップロードすることもできるので、出来映えを確認しながら生成できます。
Textyle.js - シンプルなテキストエフェクトライブラリ MOONGIFT
単純にテキストを表示しただけでは誰も気付きません。大事な文言であれば色やサイズを変えたりして、目立つ仕組みが必要です。それでももっと目立たせたい、ユーザの目に届けたいならばアニメーションしてみてはいかがでしょうか。 あまり派手なものは嫌われるかも知れませんので、シンプルなものが良いという方はTextyle.jsを使ってみましょう。 Textyle.jsの使い方 アニメーション例です。文字の色がグラデーションしています。 文字が回転したり、スライドしながら表示されるデモもあります。 Textyle.jsはシンプルなテキストエフェクトを実行できるJavaScriptライブラリです。jQuery依存なので注意してください。派手なアニメーションではなく、テキストをちょっとだけ目立たせたいと言った場合に使ってみると良さそうです。 Textyle.jsはjQuery/JavaScript製のオープンソ
写真やイラストをヴィンテージ風に仕上げる美しいグラデーション素材 -Vintage Lights
写真やイラストをヴィンテージ風に仕上げるPhotoshopの美しいグラデーション素材を紹介します。 通常は有料ですが今週末まで無料なので、この機会にダウンロードしておくのをオススメします。個人でも商用でもクライアントワークでも利用できます。 Vintage Lights Gradients Vintage Lights Gradientsには15種類のグラデーション素材が含まれており、レイヤーモードで「スクリーン」「オーバーレイ」「比較（明）」で重ねるとヴィンテージ風に簡単に仕上げることができます。
[CSS]シャドウとグラデーションを巧みに使ったかわいらしいテキストエフェクト -Milky Effect
テキストにtext-shadow、背景に美しいlinear-gradientを効果的に使い、かわいらしいエフェクトに仕上げたスタイルシートを紹介します。 Milky Font Effect 実装は簡単で、コピペで利用できます。 HTML p要素などに、classを添えておきます。 <p class="milky">美しい日本語</p> CSS エフェクトの大切なポイントは「text-shadow」と「background」、カラーを変更しても面白そうですね。 .milky { font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;; text-transform: uppercase; display: block; font-size: 72px; color: #f1ebe5; text
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
コピペで楽々、CSSでできるボーダーアニメーション５選
The ultimate CSS tools for web designers | CSSmatic
