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