css
4篇文章 · 0订阅
  • 自定义QQ和微信分享卡片
    自定义分享卡片有两种方式：通过JS-SDK实现和通过修改meta标签实现。 实践证明，使用JS-SDK的方式适用且仅适用于自定义微信分享卡片，修改meta标签的方式适用且仅适用于自定义qq分享卡片。 特此美文，献给想两全其美的你。 1. 引入weixin-js-sdk 这里是…
    Vue.js
  • 不可思议的纯 CSS 滚动进度条效果
    就是顶部黄色的滚动进度条，随着页面的滚动进度而变化长短。 在继续阅读下文之前，你可以先缓一缓。尝试思考一下上面的效果或者动手尝试一下，不借助 JS ，能否巧妙的实现上述效果。 OK，继续。这个效果是我在业务开发的过程中遇到的一个类似的小问题。其实即便让我借助 Javascrip…
    CSS 前端
    不可思议的纯 CSS 滚动进度条效果
  • 【收藏】你不知道的css技巧
    下面总结了一些常用又有趣的css技巧，希望大家收藏，以减少查资料的时间。 css自带的border-style属性 dotted/ dashed . 效果展示出来太密了，并不符合UI设计 为了实现该效果，它需要组合其他外来的WebKit属性。常见结合属性： display: -…
    CSS 前端
    【收藏】你不知道的css技巧
  • 奇妙的 CSS MASK
    本文将介绍 CSS 中一个非常有意思的属性 mask 。 顾名思义，mask 译为遮罩。在 CSS 中，mask 属性允许使用者通过遮罩或者裁切特定区域的图片的方式来隐藏一个元素的部分或者全部可见区域。 其实 mask 的出现已经有一段时间了，只是没有特别多实用的场景，在实战中…
    CSS 前端
    奇妙的 CSS MASK