阁瑞斯
基于 PWA + Bootstrap 实现的生鲜食品和日用品App网站模板在当今快节奏的生活环境中,人们对于健康食品的需求日益增长,而如何能够方便快捷地获取这些产品成为了许多人的关注点。「阁瑞斯」模板正是为了解决这一需求而诞生的,它是一款集柴米油盐、水果蔬菜、烘焙食品...
实况球赛
Material Design风格的体育赛事播报、比分竞猜与下注App手机网站模板(PWA + Bootstrap5)「彼特柔」是一款专为体育赛事播报及球赛比分预测行业设计的现代化移动UI模板,采用最新的Google Material Design设计系统,覆盖包括棒球、足球、篮球等多种体育赛事项目。用户可以基...
查特旅
即时通讯社交App模板,通过 PWA 和 Bootstrap 技术实现「益易友」是一款专为手机社交聊天App设计的渐进式Web应用(PWA)模板,基于最新的Bootstrap 5框架、HTML5、CSS以及JavaScript技术构建。此模板包含55+个页面,并内...
交友会
仿Tinder、探探App的基于 PWA 和 Bootstrap 技术实现的在线约会交友App 模板在当今快节奏的社会,Tinder和探探等陌生人交友软件大行其道,即使你没有亲自使用过,可能也有所耳闻。随着工作占据了人们的大部分时间,社交机会被逐渐压缩,有限的社交时间也往往被狭小的工作和生活圈...
立体开关
CSS实现等轴视角下的2.5D风格开关切换动画效果使用CSS的transition、transform以及grid-template-rows等关键属性实现的等轴视角下的2.5D风格立体开关动画效果,多用在游戏或其他创意场景中。附带阴影以及明暗...
旋转立方体
GSAP实现的3D立体魔方旋转动画效果,立方体的每个面都设置了错落动画使用GSAP的stagger仅需要20行脚本即可实现这种3D旋转立方体,立方体的每个面都包含错落动画,并且附带放大缩小以及颜色渐变的动画效果。这样的动画不仅能够吸引用户的注意力,还能提升网页的互...
创意文字
html中10种有创意的文字悬停动画效果使用splitting.js插件结合CSS实现的10种有创意的文字展示动画效果,将这些炫酷的文字动画效果应用于鼠标悬停或者初始化页面文字加载场景中,可以提高页面的交互性和用户体验。
查询动画
CSS定制搜索中动画效果(眼睛注视放大镜加载中动画)使用CSS实现的创意搜索动画效果,这是一种点击查询按钮且搜索结果未出现之前的一段动画效果,呈现的效果是:转动的眼球注视放大镜,且上方带有加载状态的三点动画。整个动画效果全是基于CSS实现的不依赖...
星级评分
CSS带表情反馈的星级评论插件实现了一个基于选择星星数量来改变面部表情的CSS评分系统,评分越低表情越沮丧失望,评分越高表情越欢喜满意。是基于CSS的不断变换(transform)以及动画(animation)实现的最终效果。
跳跃加载器
CSS实现的3D交叉跳跃的多彩小球动画加载器使用CSS实现的3D立体三色小球交叉移位疯狂跳跃Loading加载器动画效果。是基于CSS的keyframes、transform、animation以及box-shadow等关键属性实现的。这...
背景移动
CSS动态移动背景(平铺多个小图案朝一个方向缓慢移动)通过CSS实现的移动动态背景动画效果。呈现的效果:多种小图标平铺页面并且持续缓慢向右上角移动。实现方式:通过设置html页面的body元素的transform、background-*、ani...
邮票动画
CSS实现半圆齿孔邮票边框,边框内部附带「小船滑过水城」动画效果使用纯CSS通过一系列复杂的属性设置实现的小船缓缓滑过城市河流动画效果,外层是通过CSS的transition以及transform实现的邮票半圆齿孔边框,当鼠标移动到邮票上时邮票会放大,内部的...