色彩渐变
CSS 微微星光渐变色发光动画效果使用 CSS 实现的渐变色发光动画效果，基于 transform 以及 background-image 属性实现的，光的颜色可以自定义，当前动画是蓝光效果，一种宇宙深处的深邃感，如果想创建月光...
旋转胶囊
CSS 旋转胶囊创意 loading 加载器动画效果一款加载中动画效果，是基于纯 CSS 实现的相当的轻量级，该动画包含一个空中旋转的胶囊，该胶囊在旋转的过程中伴随着打开关闭效果，打开过程中胶囊内部会有颗粒运动的动画效果，持续到旋转运动非常适合于...
木制按钮
CSS 木制感十足的开关按钮使用 CSS 绘制的复古风格浓重的木制外观按钮，提供了四种个性的样式，其中第一种样式使用了 svg 的图标实现，其余都是纯 CSS 实现的，原理主要是使用了 CSS 的 radial-gradi...
跳跃百分比
SVG 创意百分比跳跃加载动画效果轻量级的百分比加载特效，整体动画效果效果是由 JavaScript 驱动 SVG 矢量图完成的，产生的效果是：百分号分离成三部分空中旋转跳跃，数字随之累加。实现过程非常简单，使用也简单，只需要把...
加载效果
CSS 极简创意苹果产品全家桶轮番展示 loading 加载动画极具创意的loading动画效果，由手机、电脑、平板、智能手表这些常用的电子产品图标以跳跃轮播的动画效果展示「加载中」页面特别有科技感，而且还特别的简洁轻量级，无需各类三方素材以及图片素材，只...
黏糊文字
CSS 黏糊文字横向滚动效果这是一种黏糊状的文字横向滚动动画效果，是基于 CSS 实现的，其中文字的黏糊效果实现尝试了几种方法后，最终采用了两层文本的方法：一层带有这种黏糊效果，另一层则是干净清晰的文本覆盖其上，这样可以确...
世界地图
Three.js 3D地球仪上的交互式 SVG 世界地图这是一种旋转的 3D 地球仪动画效果，能够全视角查看世界地图，并且支持拖拽和悬浮功能，当鼠标悬浮与地图之上时会显示该区域国家的名称，其中的 3D 效果是基于 Three.js 实现的，拖拽以及...
发光边框按钮
CSS 发光跑马灯边框按钮基于 CSS 实现的带霓虹灯/跑马灯边框的按钮，有发光动画效果，在鼠标悬浮时边框动画效果加强，如果不喜欢悬浮效果，可以参考这款：CSS实现的带闪亮动画边框渐变效果的按钮就，跟当前效果差不多，只是...
磨砂滤镜
SVG 实现的磨砂镜片滤镜效果，支持手动输入文字采用 SVG 实现的灰尘镜片滤镜效果，支持手动输入文字，选中文字情况下文字会呈现镜片压在写字的沙子上的效果，这样的效果是使用 svg 的 filter实现的，无需各类图片资源，非常的轻量级，可对...
悬浮效果
CSS 实现图片悬停时出现浮层并叠加文字介绍效果CSS实现的图像悬浮展示文字介绍效果，利用 CSS 控制鼠标悬浮事件，并且在悬浮时在图片上方出现浮层效果，浮层上面展示各类宣传文案，并且按钮在鼠标悬浮时会有一个15度的倾斜效果，而且还支持响应...
404页面
SVG+CSS实现的带线条游走动画效果的404错误页面模板给大家带来一款时尚且很有趣的 404 html页面，该404页面是svg结合css实现的，其中使用 SVG 定义的 404 素材图，CSS 样式为 SVG 矢量图添加动画效果，混合颜色搭配的线条...
卡佩
Tailwind CSS 实现的税务与社保等服务公司网站模板这是一款使用主流版本的 Tailwind CSS 优秀前端框架设计而成的公司服务行业网站模板，非常适合于会计事务所、税务服务、社保服务、财务顾问服务、薪资顾问服务、医疗社保服务、房产交易服务等公...