[B! CSS3] hrmzのブックマーク

FINDJOB!終了のお知らせ | FINDJOB!

FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから約26年間、多くの方々に支えていただき、運営を続けてまいりました。転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、今後も、IT/Web業界やクリエイティブ

hrmz 2013/10/30

CSS3
css

リンク

[CSS]日本語にもマッチする、見出しの文字をかっこよくするスタイルシートのまとめ | コリス

This is a Headline ブラウザはChrome, SafariのWebkit系でご覧ください。各スタイルとともに、スタイルシートを紹介します。とその前に、HTMLはごくシンプルです。 <h1 class="vintage">美しい日本語</h1> ヴィンテージ風にスタイルします。 .vintage{ background: #EEE url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAHklEQVQImWNkYGBgYGD4//8/A5wF5SBYyAr+//8PAPOCFO0Q2zq7AAAAAElFTkSuQmCC) repeat; text-shadow: 5px -5px black, 4px -4px white; font-weight: bold; -webkit

hrmz 2013/10/16

CSS3

リンク

http://www.uiplayground.in/css3-icons/

hrmz 2013/10/16

icon
CSS3

リンク

CSSサンプル集

.play { color: #ffba16; font-family: 'FB Condor Bold', sans-serif; font-size: 100px; letter-spacing: 0.2em; padding: 10px 0; -moz-transf orm: skew(-25deg) rotate(5deg); -ms-transf orm: skew(-25deg) rotate(5deg); -webkit-transf orm: skew(-25deg) rotate(5deg); transf orm: skew(-25deg) rotate(5deg); text-shadow: 0 1px #ff9b0d, 1px 0 #f79100, 1px 2px #ff9b0d, 2px 1px #f79100, 2px 3px #ff9b0d, 3px 2px #f79

hrmz 2013/09/04

CSS3
css

リンク

IDEA * IDEA

ドットインストール代表のライフハックブログ

hrmz 2013/06/06

リンク

CSSでグラデーションを使うときにhsl()が便利すぎる。（CSS おれおれ Advent Calendar 2012 – 19日目） | Ginpen.com

CSS おれおれ Advent Calendar 2012 – 19日目 CSS 3では色の指定にhsl()を使う事が出来ます。すなわち色相 (Hue; 0-359)、彩度 (Saturation; 0%-100%)、輝度 (Lightness; 0%-100%) による色の指定です。さらに不透明度を加えたhsla()もあります。グラデーションをlinear-gradient()で実現するとき、このhsl()を使うと綺麗に記述する事が出来ます。実例こんなグラデーションを実装します。 #rrggbbを使ったグラデーションの例まずは#rrggbbで書いた例です。 background-image: linear-gradient( top, #ffffff 0%, #a3daf5 50%, #75c7f0 51%, #19a1e6 100% );

hrmz 2013/06/03

リンク

[CSS]border-radiusを使って、角丸ではなく落書き風にボーダーをデザインするテクニック

角丸を指定できるborder-radiusで、ボーダーを落書き風にすることもできます。色によっては、蛍光ペンや絵筆みたいにもできますね。デモページ ※リンク切れ実装は、こんな感じです。 HTML 要素はdivだけ、入れ子もラッパーも必要ありません。 <body> <div> This is my paragraph. Like my border? This is my paragraph. Like my border?This is my paragraph. Like my border?This is my paragraph. Like my border?This is my paragraph. Like my border? </div> </body> CSS 落書き風のボーダーを実現しているのは、border-radiusです。スラッシュで区切ることにより、水平

hrmz 2013/04/19

リンク