-webkit-text-fill-color: transparent;
邊框漸變:先做一個白色的小一點的div,然后用偽類做了一個大一點的彩色的,讓他低一點被蓋住,就會露出一個彩色漸變的框,缺點是框內是用顏色填充的,不是透明的(這是2.5日),代碼:
.test {position: relative;margin: auto;height: 80px;width: 200px;border-radius: 40px;background-color: #fff;&:before {content: '';background: linear-gradient(to right, red, blue) no-repeat;position: absolute;top: -5px;left: -5px;height: 90px;width: 210px;border-radius: 45px;z-index: -1;}}
然后在2.6日的今天發現,直接用border-img就可以實現邊框漸變
border-image: linear-gradient( 330deg, #4f70a9 , #bcad80) 40% 1%;border-image: -webkit-linear-gradient( 330deg, #4f70a9 , #bcad80) 40% 1%;border-image: linear-gradient( 330deg, #4f70a9 , #bcad80) 40% 1%;border-image: -webkit-linear-gradient( 330deg, #4f70a9 , #bcad80) 40% 1%;
新聞熱點
疑難解答