会员
周边
众包
新闻
博问
闪存
赞助商
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
蓦然JL
蓦然回首,那人就在灯火阑珊处 (供自己学习参考汇总)
首页
新随笔
联系
管理
1
2
3
4
5
···
11
下一页
[置顶]
uniapp 动态修改 css 样式
摘要:
使用 uniapp 写微信小程序端项目,css 使用 var 注入变量,达到设置动态样式的需求 声明 css 变量时,变量名前面要加两根连词线(--); 变量使用 kebab-case 命名方式,即 --header-color 而不是 --headerColor; 变量名大小写敏感,--heade
阅读全文
posted @ 2022-07-21 14:51 蓦然JL
阅读(3563)
评论(5)
推荐(2)
编辑
2024年8月2日
Vue 使用 vue-drag-resize 实现拖拽和随意缩放大小及安装报错处理
摘要:
一、vue-drag-resize的安装 yarn add vue-drag-resize 下面是错误解决方案: TypeError: Cannot read properties of undefined (reading ‘_c’) 解决方案: 在引入时加上“/src”: import VueD
阅读全文
posted @ 2024-08-02 16:59 蓦然JL
阅读(22)
评论(0)
推荐(0)
编辑
2024年7月11日
vue3 smooth-signature 带笔锋手写签名
摘要:
mini-smooth-signature 小程序版带笔锋手写签名,支持多平台小程序使用 参考:GitHub - linjc/smooth-signature: H5带笔锋手写签名,支持PC端和移动端,任何前端框架均可使用 一、安装 npm install smooth-signature # 或
阅读全文
posted @ 2024-07-11 11:39 蓦然JL
阅读(30)
评论(0)
推荐(0)
编辑
2024年6月5日
裁剪的3种方式,CSS 如何隐藏移动端的滚动条?
摘要:
在移动端开发中,经常会碰到需要横向滚动的场景,例如这样的 但很多时候是不需要展示这个滚动条的,也就是这样的效果,如下 你可能想到直接设置滚动条样式就可以了,就像这样 ::-webkit-scrollbar { display: none; } 目前来看好像没什么问题,但在某些版本的 iOS 上却无效
阅读全文
posted @ 2024-06-05 15:51 蓦然JL
阅读(47)
评论(0)
推荐(0)
编辑
2024年5月6日
CSS mask 与 切图艺术
摘要:
一、“切图”的局限性 传统的“切图”简单暴力,但往往缺少适应性。 适应性一般有两种,一是尺寸自适应,二是颜色可以自定义。 举个例子,有这样一个优惠券样式 关于这类样式实现技巧,之前在这篇文章中有详细介绍: CSS 实现优惠券的技巧 不过这里略微不一样的地方是,两个凹陷处都是平滑处理的 单纯实现内凹圆
阅读全文
posted @ 2024-05-06 09:51 蓦然JL
阅读(39)
评论(0)
推荐(0)
编辑
使用 CSS columns 布局来实现自动分组布局
摘要:
最近在项目中碰到这样一个布局,有一个列表,先按照 4 * 2 的正常顺序排列,当超过 8 个后,会横向重新开始 4 * 2 的布局,有点像一个个独立的分组,然后水平排列,如下 图中序号是 dom 序列,所以其实这这样的一个顺序 很多同学可能会想到给子元素分组(通过 JS将原数组拆分组合成一个二维数组
阅读全文
posted @ 2024-05-06 09:51 蓦然JL
阅读(25)
评论(0)
推荐(0)
编辑
2024年4月18日
CSS 滚动驱动动画终于正式支持了
摘要:
在最新的Chrome 115中,令人无比期待的CSS 滚动驱动动画(CSS scroll-driven animations)终于正式支持了\~有了它,几乎以前任何需要JS监听滚动的交互都可以纯 CSS 实现了,就是这么强大,一起了解一下吧 温馨提示:文章略长,建议收藏后反复查阅 一、快速入门 CS
阅读全文
posted @ 2024-04-18 09:10 蓦然JL
阅读(102)
评论(0)
推荐(0)
编辑
2024年4月1日
CSS 如何实现羽化效果
摘要:
羽化是photoshop术语,羽化原理是令选区内外衔接部分虚化,起到渐变的作用从而达到自然衔接的效果,是ps及其其它版本中的处理图片的重要工具。 一、羽化的原理 羽化其实就是将边缘变得模糊,在 CSS 中其实就是创建一个边缘模糊的遮罩(mask),也就是需要一种半透明的渐变。 关于遮罩,这里简单介绍
阅读全文
posted @ 2024-04-01 16:04 蓦然JL
阅读(288)
评论(0)
推荐(0)
编辑
CSS3制作图片样式
摘要:
问题: 如果在img上直接使用CSS3的border-radius和box-shadow应用在图片,浏览器并不会完全显示。前面在《jQuery和CSS3给图片制作圆角》中说过其解决方法,就是把图片作为背景图片,这样我们就可以应用任何样式来修饰图片,而且此时浏览器也会完美的呈现出来。 解决方法: 要让
阅读全文
posted @ 2024-04-01 16:03 蓦然JL
阅读(40)
评论(0)
推荐(0)
编辑
2024年3月25日
变形元素旋转css阴影
摘要:
一、 css3 transform 变换 translate(x,y) 设置盒子的位移 scale(x,y)设置盒子缩放 roate(dog) 设置盒子的旋转 skew(x-angle,y-angle) 设置盒子的斜切 perspective 设置透视距离 transform-styoleflat
阅读全文
posted @ 2024-03-25 11:14 蓦然JL
阅读(20)
评论(0)
推荐(0)
编辑
纯CSS 毛玻璃效果
摘要:
在一个复杂的背景上添加文字,文字能清晰展示,并尽可能的保留原背景的话,使用毛玻璃的效果去处理是非常合适的。 一、背景图毛玻璃 在 PhotoShop 中,毛玻璃主要使用 高斯模糊 和 羽化 。说白了就是模糊。 在 CSS 中,想要实现模糊效果,可以使用 滤镜 。背景通常设置成黑色、灰色或者白色,然后
阅读全文
posted @ 2024-03-25 11:10 蓦然JL
阅读(221)
评论(0)
推荐(0)
编辑
1
2
3
4
5
···
11
下一页
公告
MENU
访问主页
关注我
关注微博
私信我
返回顶部