温控器

GSAP+CSS模拟Nest温控器设备

这是一款模拟Nest恒温器效果，基于HTML+CSS+GSAP技术实现，用户可以直观地看到温度值以°F为单位显示，并通过滑动表面或者鼠标拖动表面的仿真交互方式调整室内温度。该模拟器不仅提供了视觉...

恒温器

GSAP实现的新拟物风格（Neumorphism）空调遥控器

​这是一款具有新拟物风格（Neumorphism）的温度调节器，也就是空调遥控器，支持通过手滑或者拖动的方式调整温度，结合了动画效果，使用GreenSock（GSAP）和CSS变量技术实现。这种...

手机布局

CSS+JS实现的新拟物风格（Neumorphism）旧式砖块按键手机

通过CSS实现的老式经典砖块按键手机布局，拥有时尚的新拟物风格（Neumorphism），特别逼真，并且通过JavaScript实现了手机按键的响应事件。这款代码不仅可以实现带按键响应的手机布局...

触控调温

CSS+GSAP触控调节温度调节器，带温度实时反馈效果的简约型恒温器

​这款极简风格的温度调节细是通过CSS+GSAP+Draggable技术实现的，界面设计简洁而直观，用户可以通过触控或者鼠标在圆形截面上拖动两种方式轻松调整温度。此外，当鼠标悬浮于界面时还提供了...