用javascript，鼠标hover的两个动画分别是：左侧文字的切换（用代码表示的软件技能熟练度），右侧图片变色，以及比例条的自动升降动画。

012794576b34b90000012e7eb7c889.png

用代码来装饰的个人站

0170136077b54a11013e87f457cec3.png

2021 作品集

用代码装饰的banner中，其中黄色，并且有白色不间断发光的四个字母拼成SEAN。

0197ce576b34ba0000012e7e6fc341.png

底部动画用animate属性来写，瓶子的位移上下循环，水波位移左右循环，触须放大缩小循环。

01beea576b34b90000012e7e520906.png

01e2ad572a01ad6ac7253812177ee7.png

设计思路：万年历，代码生成当日的公历农历日期<br>后续改进空间：<br>1、可以生成每日图片，自动加到图片合适的位置<br>2、桌面小组件<br>3、加入中国节假日的显示和介绍

01b4916108049111013f4720039284.png

[浮生一日签] 0802-0808

每一个云用&lt;div&gt;和相对定位，然后加上hover效果，鼠标悬停的时候后下移的效果，移出时归位。

01bf41576b34ba0000018c1b218c8d.png

基于electron25+vue3+pinia桌面端模仿chatgpt聊天界面

01qttgvokrcpkrx2ktwmc93239.png

电商创意主图场景--AIGC落地项目

01w5aqyec2lcc7uw39nqqw3136.png

014b5e5df3893aa8012097b35f2307.png

山雨 processing动画

01f12f59ae753ba8012028a95a84d0.png

YoMail client UE/UX

麻烦啥前端？几句话完成可交互的动态 Banner

6760de9428935q30e0xxrp3745.png

好幸福的感觉  Macbook Pro 2017 Touch Bar

01a4755c6e15bfa801213f26807c40.png

0162345a523f8aa8012180c58661cb.jpeg

2017个人作品集

基于electron27+react18+Arco+Zustand客户端OS系统

01ehebd9szo8yd1yk32z5z3031.png

01974f5bacf5c9a8012099c899e428.png

戏曲人物

毕业设计：《云图》数据可视化装置

017f1a5b117b5ca801212d57b1fce7.png

01lmqr28ahvlh8qyvt7xyy3236.jpg

测试作品集

0142ykyyapxlypvnkukdma3937.jpg

Redesign Netbrain 后台 ——Dark-theme

01aaae5c43cdcda801213f26914fde.jpg

要求他给出嵌入的方式（其实动画代码是一样的）

6760de8837dd5cunfl9po78070.png

016jgh7eeofdqxcamiqkqq3439.jpg

0192345b98bb8da8012017ee59c8ad.png

processing第二周课上作业

017b215bded180a8012092524f314d.gif

MatLab Online Redesign

react18-electron-mateos基于electron27+react桌面os

01edc2tlwcqawvji58658h3433.png

01c4ce56cdd67f32f875520fe056c8.png

SMILY女性月经APP_交互&界面设计

01eb9e6707e7ddcd01ba10004196ed.png

作业集合@

6760dedb61be01ahth8fji5929.png

快速开发小程序(提供主要代码下载)

01c0395c51b14fa801203d22a239b3.png

Bitbill H5高级滑动视觉差（附Principle设计源文件）