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