多趣前端
5篇文章 · 0订阅
  • 你可能不知道的 transition 技巧与细节
    CSS 中，transition 属性用于指定为一个或多个 CSS 属性添加过渡效果。 最为常见的用法，也就是给元素添加一个 transition，让其某个属性从状态 A 变化到状态 B 时，不再是非常直接突兀，而是带有一个补间动画。 当然，除了上述基本的用法，其实 CSS t…
    前端 CSS
    你可能不知道的 transition 技巧与细节
  • 使用vue3重构拼图游戏,真香!
    原有拼图游戏是通过开源代码加以改造，使用的是 vue2 。在实际项目使用一切正常，但还是存在以下痛点 无论是拼图片还是拼数字，其原理都是要把原本打乱的数组移动成有序状态。网上也有很多实现数字华容的的算法，算法主要需要解决的就是如何生成一组 随机且有解 的数组，有的人可能有疑问，…
    Vue.js
  • CSS 奇思妙想边框动画
    觉得它的风格很独特，尤其是其中一些边框。 嘿嘿，所以来一篇边框特辑，看看运用 CSS，可以在边框上整些什么花样。 谈到边框，首先会想到 border，我们最常用的莫过于 solid，dashed，上图中便出现了 dashed。 除了最常见的 solid，dashed，CSS b…
    CSS 前端
    CSS 奇思妙想边框动画
  • 【干货】使用 CSS Scroll Snap 优化滚动，提升用户体验！
    最近开源了一个 Vue 组件，还不够完善，欢迎大家来一起完善它，也希望大家能给个 star 支持一下，谢谢各位了。 你是否经常希望有一个CSS特性可以轻松创建一个可滚动的容器? CSS scroll snap 可以做到这一点。在早期的前端开发中，我依靠 JS 插件来创建滑块组件…
    CSS
  • 快过年了，用JS让你的网页放🎆烟花吧
    马上就要过春节了，大城市里依然是不准燃放烟花这种空气污染的东西的，想念小时候在自家院子里放花的快乐时光，大城市里的小朋友们是体会不到这种快乐了。但作为前端工程师，这难不倒我们，下面就教大家如何用JS在网页里放烟花。 在 codepen 里搜索 “fireworks” 可以搜到各…
    前端 JavaScript
    快过年了，用JS让你的网页放🎆烟花吧