我开发了一个名为 TimeTicket 的小型网站,个人大约是从去年十月份开始自学 NextJS + app route + ts + sass ,ts 的恶梦现在还记着...
欢迎访问并体验:https://ticket.mindreset.tech
![]() | 1 xshwy 2024-07-16 13:35:58 +08:00 设计蛮好看的哎! |
2 zy0829 2024-07-16 13:46:25 +08:00 鼠标悬浮在卡片上,卡片失衡 transform 的效果是自己实现的吗 rotate 角度是如何把控的啊 |
![]() | 4 LavaC 2024-07-16 14:03:02 +08:00 ![]() @zy0829 这种常见效果目前网上解决方案很多可以参考一下 https://github.com/chokcoco/iCSS/issues/254 |
![]() | 5 lambdaq 2024-07-16 14:04:15 +08:00 这个设计得好啊 |
![]() | 6 FarAhead 2024-07-16 14:09:03 +08:00 那个按钮不搞个提示吗? |
![]() | 7 evnydd0sf OP @zy0829 是自己实现的 有一些第三方 ui 库也能做到 但是我除了要加角度变化,还增加了票面上面的高光和纹理效果,所以就自己做了 大概原理是 检测鼠标对于卡片的相对位置 然后实时更新元素的 旋转角度 https://imgse.com/i/pkI8NLT |
8 ZZ74 2024-07-16 14:13:06 +08:00 学了多久 |
![]() | 9 YJi 2024-07-16 14:18:59 +08:00 针不戳, 让我又燃起了学前端的心. (doge |
![]() | 10 eric1202 2024-07-16 14:20:39 +08:00 很酷,如果加入时钟显示可以用来全屏桌面了 |
![]() | 11 asLw0P981N0M0TCC 2024-07-16 14:31:57 +08:00 nb |
![]() | 12 lizhenda 2024-07-16 14:33:19 +08:00 设计的真好啊,这类网站怎么盈利呢? |
![]() | 13 margoxlive 2024-07-16 14:35:48 +08:00 好看! |
![]() | 14 evnydd0sf OP 去年十月开始学的,到现在大概九月了吧 |
![]() | 18 codeName 2024-07-16 15:29:55 +08:00 感谢分享,最近我也在准备学习下 |
19 harrisonkang 2024-07-16 16:15:12 +08:00 @eric1202 #10 附议 ![]() |
20 terranboy 2024-07-16 16:20:47 +08:00 就一个页面? 跟 NEXT.JS 没啥关系 没必要强上 |
![]() | 21 notot 2024-07-16 16:30:45 +08:00 能分享下 下载的实现方案吗,谢谢 |
![]() | 22 hahawode 2024-07-16 16:34:01 +08:00 |
![]() | 23 Steven9906 2024-07-16 17:11:18 +08:00 真好看 |
![]() | 24 PaulSamuelson 2024-07-16 17:32:47 +08:00 这**自学?看来我真的不适合做程序员 |
![]() | 25 evnydd0sf OP @terranboy 其实利用 nextjs 伪后端也做了一些东西,搞了一个电子屏来显示这个网页上面的那个票面信息,后端负责解码、获取 canvas 、编码成黑白图像和回传压缩的数据 |
26 huaji 2024-07-16 17:51:36 +08:00 |
![]() | 27 heishu 2024-07-16 18:09:58 +08:00 很厉害 |
![]() | 28 evnydd0sf OP @notot 下载图片吗,主要是用到了 html-to-image 这个库,他能把一个 dom 元素直接图片形式返回,但是在 webkit 下不是很好用,拿到的字体、样式都是错误的,但是在 chromium 下表现良好。 |
![]() | 29 delai 2024-07-16 22:57:11 +08:00 审美在线的 |
30 DengSchoo 2024-07-17 11:27:41 +08:00 开源吗 也想学习一下前端 |
![]() | 31 yb2313 2024-07-19 10:56:01 +08:00 |
![]() | 32 laved 2024-07-19 11:57:16 +08:00 设计真不错 动效也很不错 |
33 esee 2024-07-19 16:19:01 +08:00 css 效果写的不错。但是和 nextjs 感觉没啥关系 |
![]() | 34 sulv9 2024-07-19 16:52:57 +08:00 赞 |
![]() | 35 Ponsai 2024-07-19 17:14:49 +08:00 nextjs route app 真心好用啊,使用 3 个月,爱上了;已经开发了 1 个网站,但是美感不行,楼主设计强。 |
![]() | 36 twig 2024-07-19 19:39:09 +08:00 设计不错! |
![]() | 37 div class="sep3"> coolfan 2024-07-20 00:35:02 +08:00 漂亮! |
![]() | 38 InsideSeed 2024-07-23 09:05:00 +08:00 看到这种优秀的设计水平,点开 OP 的 blog 就知道是老手了 |