{"height":"190","author_name":"little_strange","title":"\u3010CSS\u3011repeating-radial-gradient\u3092\u4f55\u6c17\u306b\u521d\u3081\u3066\u4f7f\u3063\u3066\u307f\u308b","published":"2020-11-21 23:48:52","description":"\u3069\u3046\u3082\uff01LSS\u3067\u3059\uff01\uff01 CSS\u306e background-image \u30d7\u30ed\u30d1\u30c6\u30a3\u306b\u3001\u753b\u50cf\u30d5\u30a1\u30a4\u30eb\u306e\u4ee3\u308f\u308a\u306b linear-gradient \u3084 radial-gradient \u3092\u4f7f\u7528\u3059\u308b\u4e8b\u3067\u3001\u7dba\u9e97\u306a\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u304c\u63cf\u3051\u308b\uff01 \u306e\u3067\u3001\u7d50\u69cb\u591a\u7528\u3057\u3066\u304d\u307e\u3057\u305f\u3002 \u3067\u3002 \u305d\u306e\u4ed6\u306b\u3001repeating-linear-gradientrepeating-radial-gradient\u3068\u3044\u3046\u306e\u3082\u3042\u308b\u3001\u3068\u77e5\u3063\u3066\u306f\u3044\u305f\u306e\u3067\u3059\u304c\u3001\u300c\u30ea\u30d4\u30fc\u30c8\uff1f\u80cc\u666f\u753b\u50cf\u306f\u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u7e70\u308a\u8fd4\u3057\u8868\u793a\u3067\u3001repeat\u30d7\u30ed\u30d1\u30c6\u30a3\u3067\u5236\u5fa1\u3067\u304d\u308b\u306e\u306b\u3001\u306a\u305c\u5225\u306b\u7528\u610f\u3055\u308c\u3066\u3044\u308b\u3093\u3060\u308d\u3046\uff1f\u300d\u3063\u3066\u601d\u3063\u3066\u3044\u305f\u3093\u3067\u3059\u306d\u3002\u305a\u3063\u3068\uff57 \u3053\u308c\u304c\u3001\u5b9f\u306f\u5927\u304d\u306a\u8aa4\u89e3\u3067\u3001\u601d\u3063\u3066\u3044\u2026","blog_url":"https://little-strange.hatenablog.com/","provider_url":"https://hatena.blog","author_url":"https://blog.hatena.ne.jp/little_strange/","width":"100%","image_url":"https://cdn.blog.st-hatena.com/images/theme/og-image-1500.png","categories":["HTML\u306a\u3069"],"type":"rich","provider_name":"Hatena Blog","url":"https://little-strange.hatenablog.com/entry/2020/11/21/234852","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Flittle-strange.hatenablog.com%2Fentry%2F2020%2F11%2F21%2F234852\" title=\"\u3010CSS\u3011repeating-radial-gradient\u3092\u4f55\u6c17\u306b\u521d\u3081\u3066\u4f7f\u3063\u3066\u307f\u308b - Little Strange Software\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","blog_title":"Little Strange Software","version":"1.0"}