基于 Tailwind CSS 和 PWA 技术实现的高效响应式电商App模板
精品

颗粒猫

基于 Tailwind CSS 和 PWA 技术实现的高效响应式电商App模板

在当前竞争激烈的电商环境中,用户对移动端购物体验的要求越来越高。要想在市场中脱颖而出,拥有一个功能强大、响应迅速且视觉效果出众的电商应用至关重要。「颗粒猫」模板是为此而生的一款现代化、响应式的全...

多用途电子商务移动端 PWA HTML5 响应式模板,接近于原生电商APP的用户体验!
精品

紫魅商

多用途电子商务移动端 PWA HTML5 响应式模板,接近于原生电商APP的用户体验!

在激烈的电商网站平台竞争中,拥有一个现代化、用户友好且功能丰富的移动应用 APP 是取得成功的关键。然而创建一款APP不仅成本高而且分发过程也很繁琐,所以我们推出了一款专为电商企业打造的多用途P...

出租车与网约车预定服务H5完整版,移动端 PWA HTML 打车服务网站模板
精品

车来宝

出租车与网约车预定服务H5完整版,移动端 PWA HTML 打车服务网站模板

在当今移动互联网时代,滴滴等其他出租车以及网约车预定应用已成为人们日常出行的必备工具之一。这款网站模板作为一款专为出租车/网约车/顺风车预订应用打造的多用途PWA(Progressive Web...

CSS创建「活泼」文字3,实现文字躲藏、撤退、破碎、摇晃、闪烁、翻滚动画效果

文字动画

CSS创建「活泼」文字3,实现文字躲藏、撤退、破碎、摇晃、闪烁、翻滚动画效果

基于CSS的animation、transform以及keyframes等关键属性实现的6种文字增强动画效果,此外,还利用splitting插件进行了分词操作,最终实现了文字躲藏、文字撤退、文字...

CSS创建「活泼」文字2,实现文字鬼影、喊叫、慢跑、瑟瑟发抖、褪色、摇晃动画效果

文字动画

CSS创建「活泼」文字2,实现文字鬼影、喊叫、慢跑、瑟瑟发抖、褪色、摇晃动画效果

基于CSS的animation、transform以及keyframes等关键属性实现的6种文字增强动画效果,此外,还利用splitting插件进行了分词操作,最终实现了文字鬼影、文字喊叫、文字...

CSS创建「活泼」文字1,实现文字跳动、浮动、慢跑、上下旋转、左右旋转、下降动画效果

文字效果

CSS创建「活泼」文字1,实现文字跳动、浮动、慢跑、上下旋转、左右旋转、下降动画效果

基于CSS的animation、transform以及keyframes等关键属性实现的6种文字增强动画效果,此外,还利用splitting插件进行了分词操作,最终实现了文字跳动、文字浮动、文字...

CSS实现的一种视觉吸引力超强的滚动视差效果

滚动视差

CSS实现的一种视觉吸引力超强的滚动视差效果

使用 position: sticky 和 scale 变换来创建一个带有视差效果的CSS粘性(sticky)区域,当用户滚动页面时,下层图片会以较慢的速度进行滚动,而上层的内容部分会以相对较快...

React 实现带鼠标追随效果的轻量级轮播切换组件,完全响应式布局!

轮播插件

React 实现带鼠标追随效果的轻量级轮播切换组件,完全响应式布局!

使用 React 构建的轻量级轮播与幻灯片插件,外观特别的时尚大方简约,其中的鼠标追随效果是通过设置当前幻灯片的 x 和 y 坐标的CSS值,以便在鼠标移动时创建跟踪鼠标的动态过渡效果。切换等交...

CSS卡片悬停互动效果,交互性强的响应式卡片布局

交互卡片

CSS卡片悬停互动效果,交互性强的响应式卡片布局

使用纯CSS实现的卡片悬停互动效果,在HTML页面中布局多张卡片,这些卡片以响应式的布局进行排列,并且卡片上默认会有一部分标题文字,当鼠标悬停于卡片时​会在卡片中央位置显示出卡片的详细介绍以及操...

CSS音符跳动动画效果,音频律动,动感十足!

音符跳动

CSS音符跳动动画效果,音频律动,动感十足!

使用纯CSS实现的两款音符跳动动画,使用了CSS的animation以及keyframes等关键属性实现,这两款律动效果支持自定义颜色、跳动频率等动画效果,非常适合加载中loading场景中使用。

CSS实现的3D悬浮晃动数字时钟,附带倒影及虚拟效果

3D时钟

CSS实现的3D悬浮晃动数字时钟,附带倒影及虚拟效果

使用CSS与JavaScript实现的3D数字时钟效果,在HTML页面中数字时钟会在三维立体空间中缓慢转动,时钟数字呈现部分虚拟效果伴随有影子效果。数字的变动事件是通过JS控制的,时钟的3D效果...

出现在HTML页面右上角的加载Loading动画效果

加载动画

出现在HTML页面右上角的加载Loading动画效果

通过JS与CSS创建的一款出现在页面右上角的加载中动画效果,现实的项目中可能由于种种原因不希望加载中laoding的动画出现在页面的中央位置,放在可能更加合理,因为右上角不挡视野。实现这种效果其...