IE11でlinear-gradientのcolor-stopにcalc()を使うと効かない場合がある | ITハット
IE11でlinear-gradientのcolor-stopにcalc()を使うと効かない場合がある 久しぶりにハマったので忘れないように記事にしておきます。calc() はIE9から使える便利なCSS関数なのですが、グラデーションで使うときには注意が必要かもしれません。 問題のグラデーション .gradient { width: 500px; height: 100px; background: linear-gradient(to bottom, #e6ac27 calc(50% - .5px), #f6f7bd calc(50% - .5px), #f6f7bd calc(50% + .5px), #80bca3 calc(50% + .5px)); } 上半分と下半分で色を変え、中央に1pxの線を引くグラデーションです。calc(50% – .5px) と calc(50% +
Customize and apply backgrounds fast
Hey I'm Matt, please choose your way to credit my work: Credit with HTML link Share link on social Buy me a coffee Learn about attribution How to use Learn where to place the CSS code: Demo License summary By obtaining and using graphics from SVGBackgrounds.com, you agree to the terms of the SVGBackgrounds.com License Agreement You can use graphics in personal or commercial projects You cannot use
Cool Backgrounds
After laboring over your latest piece of writing, one of the hardest steps before hitting publish is finding an exciting background image to really showcase and draw attention to your post. Cool Backgrounds is a collection of tools to create compelling, colorful images for blogs, social media, and websites. Beyond backgrounds, the images generated can be used as 🖥 desktop wallpapers or cropped fo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
壁紙多数フリー