css 常用

iorn_mangg

于 2020-08-05 17:55:30 发布

阅读量169

点赞数

分类专栏： css

本文链接：https://blog.youkuaiyun.com/iorn_mangg/article/details/107821422

版权

css 专栏收录该内容

3 篇文章

订阅专栏

字体渐变：

参考：https://www.jianshu.com/p/e47837d80283 推荐第3种方法。

下面这种方法在360浏览器会出现vue的兼容性问题

background: linear-gradient(to right, red, blue); 
-webkit-background-clip: text; 
color: transparent;

div 添加箭头：

 position: absolute;
    right: -20px;
    content: "";
    border-left: 10px solid #10988f;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;

隐藏滚动条（兼容）：

.container::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}
.container{
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */
}