邢同学爱折腾

最近看到个有趣的效果；这里分享下 简介 这是一个利用 CSS Grid 和动画实现的图片旋转展示效果，适合用于网页美化、图片展示、创意 UI 设计等场景。整体代码简洁，易于...

蜂巢布局，顾名思义，就是模仿蜜蜂蜂巢的六边形排列方式，将页面元素像蜂巢一样紧密排列。它不仅美观，还能最大化利用空间，让你的页面瞬间高级起来。 直接上效果 主要实现原理 1....

最近收集了不少优质的图片，这些图片数量太多；为了能够快速浏览，自动播放；不用一个个的点击，上次用html+JavaScript+css做了一个轮播图！ 但是上次的轮播图还需...

CSS scroll-snap：让滚动变得丝滑又有趣！ 如果你想让你的图片、卡片、内容区在滚动时自动对齐，像磁铁一样吸附到位？那你一定不能错过 CSS 的 scroll-s...

最近，电视剧《长安的荔枝》引发了广泛的关注和热议。 虽然我没有会员，无法及时观看最新的剧集，但通过了解，我知道这部剧是根据小说改编的。这让我萌生了先阅读原著小说的念头。 在...

最近随着天气越来热，各种的“空调”产品也层出不穷，各大群里都在转发各种便携小风扇、便携小空调这些降暑神器，与其在群里用他人的产品；不如自己动手做一个，前面文章也介绍了自己做...

上一篇的二维码时钟，可能产品设计理念太过新奇，看大家的反馈，接受度不是很好，所以这次我换个思路，做一个桌面小时钟。下面简单做个介绍。 这是啥？ 这是一个让你的电脑桌面变得不...

最近又搞了个好项目；简直是突破性发明，这里赶紧和大家分享下。 时间的重要性 自古以来，准确把握时间就是人类最重要的能力之一： 农民靠它种地收获 商人靠它做生意 学生靠它按时...

上一篇网页版的小风扇深受大家喜爱，已经有一万+的阅卷量了，我隐隐感觉到随着天气越来越炎热，小风扇的市场可能越来越大；于是我又在赶紧在原来基础上进行更新迭代，产品升级；加班搞...

最近天气越来越热了，看好多群里都安装了便携小风扇；想着吹别人家的风扇，不如吹自己的。于是马上加班搞了一个；分享出来，大家快去试试风力。 功能亮点 三档风速，想快就快，想慢就...

🐴 产品定位 牛马新鞭子，专为广大打工人（俗称“牛马”）量身打造的精神鞭策神器。它不是普通的收入计算器，而是让你在工位上“看钱如流水”，一边摸鱼一边被工资数字狠狠抽醒的快...

1. 判断是否为移动端 2. 获取元素距离页面顶部的距离 3. 防抖函数 debounce 4. 节流函数 throttle 5. 复制文本到剪贴板 6. 平滑滚动到页面顶...

臣向皇上隆重推荐：九宫格翻牌子小程序 陛下吉祥！ 夜深宫静，万籁俱寂，正是翻牌子的好时辰。为让陛下体验前所未有的宠幸乐趣，臣特意打造了这款“九宫格翻牌子”小程序，助力圣上选...

最近又捣鼓了一个好玩的效果，这里赶紧分享给大家。 简单来说就是可以把输入的文字，像放烟花一样在空中绽放。 其实这个想法早就有过，之前也搞过一次；效果不是很好；最近请了AI小...

1. 误用==导致的隐式类型转换 问题： 解决方案：始终使用===进行严格比较，避免意外行为： 2. 变量提升引发的作用域问题 问题： 解决方案：使用let/const的块...

本篇文章主打实用，主要记录单行/多行文本溢出显示省略号的方法 1.单行文本溢出显示省略号 以上是纯CSS实现的单行文本溢出显示省略号方法。简单易用；可直接用到项目中去。 2...

又发现了好玩的了，使用CSS可以实现手电筒效果，独乐乐不如众乐乐，赶紧分享给大家玩 关键代码就是background: radial-gradient() 基本语法结构 看...