随笔分类 - css
摘要：global.css /* 页面元素初始化和常用样式定义-start */ /* 全局 */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, t
阅读全文
摘要：图片替代鼠标光标 原理： 利用css中cursor的url属性 代码： 注意： 1.光标图片最还为ico文件，ani等格式亦可。单浏览器兼容较差。png格式实测不行 2.，auto意为如果图片光标无法使用，则使用auto。不可省略 3.vue中使用时可能会报ico文件解析错误： 解决方法： 配置ic
阅读全文
摘要：css之单边阴影 需求：在网上找的其他博客上说单边阴影需要牺牲掉模糊，实际上牺牲掉模糊直接用border不就好了 效果： 原理： 1.在左边的外阴影就是右边的内阴影 2.将box-shadow写在before或者after上面，然后将父元素设置为overflow:hidden 代码： 钻研不易，转载
阅读全文
摘要：css之为文本添加线性渐变和外描边 一、效果： 描边：描边+渐变： 二、描边： api：text-stroke 问题：text-stroke的描边是居中描边，无法直接设置外描边 解决：在before中添加文本，设置字体描边，绝对定位在文本下方 代码： 三、添加渐变 api： 原理：字体渐变的原理是将
阅读全文
