ããã«ã¡ã¯Latinã§ãã ä»å¹´ãæ®ãæããã¨11ã¶æã¨ãªã£ã¦ãã¾ãã¾ããããããæ®ãã®ãªãããé å¼µããã¨æã£ã¦ããã¾ãã ä»åã¯CSS3ã®ã°ã©ãã¼ã·ã§ã³ã«ã¾ã¤ããã¨ã³ããªã¼ã§ãã ããããªè¨ã£ã¦é¢åãããï¼ ãã¦CSS3ã®ã°ã©ãã¼ã·ã§ã³ãlinear-gradientããªãã§ãããã¯ã£ããè¨ã£ã¦é¢åã§ã・・・ã ä»ã¯CSS3ã®ã¸ã§ãã¬ã¼ã¿ãããããããã®ã§ããããã使ãã®ãããã®ã§ãããè¶³ããªãåã®ãã³ãã¼ãã¬ãã£ãã¯ã¹ãæ¢ããããfilter ããæ¯åã°ã°ãã®ãé常ã«é¢åï¼ ä¸ã¤ããã¿ã³ãªã©ã«ãgradient 㨠border-radius ãä½µè¨ããå ´åãIE9 ã§ã®è¡¨ç¤ºãè¥å¹²ãããããªã£ã¦ãã¾ãã¾ãã 詳細ã¯ä¸è¨ã«è¨è¼ãã¾ãããä»å¾ãµã¯ãã¨ä½¿ããããã«åå¿é²ãã¦ããç°¡åã«ã¾ã¨ãã¦ãããã¨æãã¾ãã CSS ã¹ããããï¼ä¿®æ£åï¼ .btn { border-radius: 4px;
![[CSS3]é¢åãªCSS3ãlinear-gradientã使ããããã¾ã¨ãã¦ã¿ã | ãã·ã£ãã°ã](https://cdn-ak-scissors.b.st-hatena.com/image/square/c76f538a877e78afb07d09e5ff0f87885ac194e9/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fcat_coding.png)
{{#tags}}- {{label}}
{{/tags}}