Gradient Text | CSS-Tricks
This is WebKit only, but is the cleanest way to accomplish it as the text remains editable and selectable web text. h1 { font-size: 72px; background: -webkit-linear-gradient(#eee, #333); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } Example Psst! Create a DigitalOcean account and get $200 in free credit for cloud-based hosting and services.
CSS3 テã‚ストグラデーション指定 スマフォンサイト有効
CSS3ã§ãƒ†ã‚ストグラデーション指定をã™ã‚‹æ–¹æ³•ã§ã™ã€‚ HTML <p>TEXT BACKGROND GRADIENT</p> CSS p{background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0%,#feb08a), color-stop(49%,#f66428), color-stop(50%,#f0541f), color-stop(100%,#f74408)); -webkit-text-fill-color:transparent; -webkit-background-clip:text; ãã®ä»–ä»»æ„ã®æŒ‡å®š } background-imageã§ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³æŒ‡å®šã€‚ -webkit-background-clipã§èƒŒæ™¯ã‚’æ–‡å—ã«æŒ‡å®šã€‚ -webkit-text-fill-colorã§æ–‡å—
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}