好玩的
24篇文章 · 0订阅
  • ThreeJS+ChatGPT 实现前端3D数字人AI互动
    主要从前端方向讲解AI互动的实现，通过3D数字人问答功能（面部表情，说话时的嘴型）的实例讲解前端具体的实现方式，至于后端接口部分只会讲解实现思路
    three.js ChatGPT
    ThreeJS+ChatGPT 实现前端3D数字人AI互动
  • 【动画进阶】神奇的 3D 卡片反光闪烁动效
    最近，有群里在群里发了这么一个非常有意思的卡片 Hover 动效，来源于此网站 -- key-drop，效果如下： 非常有意思酷炫的效果。而本文，我们不会完全还原此效果，而是基于此效果，尝试去制作这么
    前端 JavaScript CSS
    【动画进阶】神奇的 3D 卡片反光闪烁动效
  • THREE.JS——让你的logo切割出高级感
    每次都根据灵感图写代码，我都快成灵感大王了，本文较长，跨度较大，效果较好，请耐心看完，本文阶段代码有tag可以分部查看 前言 这是B站的一段视频，用3D渲染的方式表达各个大厂的logo如何制作出来的
    three.js 前端 数据可视化
    THREE.JS——让你的logo切割出高级感
  • 🌈掌握CSS：超级有用的CSS资源汇总(2023)
    这是一个包含 70+ 个精心挑选的基于 Web 的工具的集合，这些工具实际上非常有用。每一个工具都会生成纯 CSS，无需 JS 或任何外部库。感谢每一个应用程序背后的作者。
    前端 CSS
    🌈掌握CSS：超级有用的CSS资源汇总(2023)
  • 好玩的 CSS - 40 个有趣的 CSS 网站
    💥 🔖 好玩的 CSS - 40 个有趣的 CSS 网站 🌐 基础学习 🧚 CSS 动画 🕹️ 教学游戏 🎰 代码生成 🎨 色彩搭配
    CSS 前端
    好玩的 CSS - 40 个有趣的 CSS 网站
  • 阴影进阶，实现更加的立体的阴影效果！
    CSS 阴影的存在，让物体看上去更加有型立体。 然而，在最简单的阴影使用之上，我们可以实现更多有意思且更加立体的阴影效果。 本文将带大家看看如何使用 CSS 实现几类比普通阴影更加立体的阴影效果。 C
    前端 CSS JavaScript
    阴影进阶，实现更加的立体的阴影效果！
  • 前端装逼技巧 108 式（四）—— 一起摇摆
    作为一名拥有钢铁般意志的前端打工人，装逼是不可能的，这辈子都不可能装逼。如果真要装逼，那就大家一起装逼，毕竟前端要讲武德嘛，要耗子尾汁。前端装逼技巧108式，供诸君茶余饭后一乐，为打工生活增添乐趣。
    前端 JavaScript
    前端装逼技巧 108 式（四）—— 一起摇摆
  • 产品经理：你能不能用div给我画条龙？
    事情是这样的，前天上午产品经理说想要做一个心愿墙，问我能不能行 我心想，这太容易了，但为了多摸一天鱼，我说还是有点挑战的 结果下午，产品经理和设计师就给我发来了设计参考 他们说，心愿墙的设计大致是这样
    前端 JavaScript
  • Charts.css 一个新的数据可视化框架，底层使用纯 CSS 实现
    提到数据可视化框架，那可真的多的去了 Echarts、AntV、D3 等等。但是，这些数据可视化框架都有一个共性 😶，即它们的使用都脱离不开 JavaScript。 相反地是，Charts.css 是一个用纯 CSS 实现的数据可视化框架，它的核心是把 table 标签的表现…
    数据可视化
    Charts.css 一个新的数据可视化框架，底层使用纯 CSS 实现
  • 怎么实现一个九宫格抽奖？
    将高亮的方块盒子的执行顺序定义好，利用定时器将速度调节为由快到慢，等速度降到某个区间就判断高亮的下标是否匹配最终的奖品下标，匹配则开奖，不匹配则继续降速。 每到特殊的节日或者搞活动的时候就需要开发配合运营，搞一些抽奖的活动，比较常用的抽奖方式有：大转盘，九宫格，老虎机等。这次我…
    JavaScript