美しいグラデーションをCSSで実装！配色に使える便利ツールや実例も！
2020年5月18日 CSS, Webデザイン, 便利ツール 背景に動画を使ったWebサイトや、大きな背景画像を使ったWebサイトに続き、最近は画面全体にきれいなグラデーションカラーを用いたサイトを見かける機会が増えてきました。そこで今回はグラデーションカラーをCSSで実装する基本的な方法から、画像に重ねる応用、配色選びに使えるサイト、実例集などを紹介します！ ↑私が10年以上利用している会計ソフト！ CSSでグラデーションを実装 グラデーションは background プロパティーに linear-gradient の値を使って色を指定します。意外と簡単。 body { background: linear-gradient(#05FBFF, #1E00FF); } See the Pen CSS linear-gradient by Mana (@manabox) on CodePen
Useful CSS Text Effects
2014年8月22日 CSS モバイルファーストの概念が広まり、コンテンツ主体の「読ませる」サイトが増えてきた昨今。テキスト周りをより便利に、より素敵に表示できるようなCSSをいくつか集めました。ユーザビリティの向上も図れるようなものもあるので要チェック！基本的なテクニックが中心なので、初心者さん〜中級者さんの参考になればと思います。 ↑私が10年以上利用している会計ソフト！ テキスト周りで使えるCSSの小技 目次 テキストを選択する時の色を変更 蛍光ペンで線を引いたような効果 長いテキストを「…」で省略する 番号リストの表現を変更 リンクの種類でアイコン変える 言語によってスタイルを変更 テキストリンクのエフェクト プリント時はURLを表示 長いURLを途中で折返す 途中で折り返さず、次の行に 先頭の文字を大きく 先頭を一文字分あける グラデーションテキスト ブラウザーは特記していなけれ
おれは食べて痩せたいのだ。男たちのアンチエイジング。
フルマラソンを何本も走り、 最近はロッテルダムにまで遠征したが、 日々走っていて感じることが 30代、40代以降でフルマラソンに挑戦する女性が 増えてきているということだそうです。 「なぜだろう？ なにか理由があるんじゃないだろうか」 と、つねづね思っていたと。 斎藤一郎先生は、西本のこの質問に、 目をさらにキラリとかがやかせて、 くわしく解説をしてくださいました。 「ちょっとずれたところから話をはじめますが、 男性機能をキープするための医薬品って、 すごく開発が進んでいますよね」 あ、ハイ、男性機能。 それはいわゆるひとつのアレですね。 ＥＤ治療薬的な？ 「そうです。その効果は顕著で、 数量としてもたくさん出回っています。 買い求めやすくなっている。 ところが、女性に対してのそういう薬って、 なかなか一般的になっていないんですよ。 うるおいのための薬というのが‥‥」 そういえば、あまり聞
CSS3のtransformを素敵に扱えるjQueryプラグインを作った。 | Ginpen.com
ダウンロード リポジトリ … https://github.com/ginpei/jQuery.transform JSファイル … jquery.transform.js なにこれ？ CSSのtransformプロパティの値を素敵に扱うやつです。 .css()からtransformを扱う際に既存の値を完全に上書きしてしまう問題を解消します。 transform ？ transformはご存知CSS3で追加されたプロパティで、要素を変形(transform)させる事ができます。このプロパティ複数の値を取り得、例えば「小さめで傾ける」という指定の場合は のような指定になります。 詳しくはこのあたりとか。 transform－CSS3リファレンス jQuery + transformの問題点 jQueryでスタイルを操作する場合は .css()を利用します。 しかし、これはプロパティの名前と値
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
soleilnoir.net
