CSS仿真胶囊药丸浮动旋转Loading加载器效果

胶囊加载器

CSS仿真胶囊药丸浮动旋转Loading加载器效果

一款带阴影效果的胶囊药丸💊有节奏的上下运动并伴随着旋转效果。是基于纯CSS实现的,非常适用于页面Loading加载期间使用。非常的轻量级只需要少量的CSS代码即可实现。

CSS磨砂玻璃背景拟物化(Skeuomorphic)风格菱形水晶玻璃刻字效果Logo图标

磨砂图标

CSS磨砂玻璃背景拟物化(Skeuomorphic)风格菱形水晶玻璃刻字效果Logo图标

基于纯 ​CSS 实现的一款磨砂玻璃背景拟物化(Skeuomorphic)风格菱形图标,菱形图标由四个小菱形组合聚合到一起组成。仿佛是在塑料玻璃方块上雕刻出的图标一样,将这个图标陈列在木质板上...

纯CSS实现的3D旋转仿真相机图标

立体旋转相机

纯CSS实现的3D旋转仿真相机图标

可左右旋转的纯 CSS 实现的 3D 立体相机图标,具有黑色和亮白色两款颜色效果。 这款相机图标非常逼真,带有灯光照射下的影子移动效果。

CSS仿苹果复制粘贴键盘,仅包含COMMAND+C+V三个键

苹果简易键盘

CSS仿苹果复制粘贴键盘,仅包含COMMAND+C+V三个键

网络上经常调侃说开发人员只需要懂ctrl+c复制和ctrl+v粘贴就可以了,为了满足开发人员的需求通过CSS设计了这么一款:开发人员唯一需要的 Apple 键盘!只包含COMMAND、C、V三个...

CSS跳跃方式登场的趣味星星评论组件

星评组件

CSS跳跃方式登场的趣味星星评论组件

基于CSS+JavaScript实现的一款高颜值且趣味性十足的星星评论组件,其中小星星是通过svg实现的特别的轻量级。当选择星星进行评价时,所选择的星星会以翻转跳跃的方式登场,并且星星的体态变大...

CSS实现的塑料材质与金属边框床头电子定时闹钟

塑料闹钟

CSS实现的塑料材质与金属边框床头电子定时闹钟

​一款基于CSS实现的塑料金属材质外观床头定时电子闹钟,蓝色的外观+金属材质的数字边框组成一款特别精致的床头小闹钟,整体的外观及布局都是通过纯CSS实现的,JS只负责时间的变化时间。此外,该闹钟...

CSS实现放在桌面上的极简风格黑白主题模拟电子闹钟

极简钟表

CSS实现放在桌面上的极简风格黑白主题模拟电子闹钟

​一款通过CSS实现的白色极简风格主题模拟时钟,为了极致地体现极简模式,整个模拟时钟只使用了白色与黑色的主色调,其中表盘是白色的,而时针与分针是黑色的,仅有的两种颜色形成了鲜明的对比,将极简模...

CSS实现以3D分层的方式展示钟表等物件的内部结构

层次钟表

CSS实现以3D分层的方式展示钟表等物件的内部结构

基于CSS的transform等关键属性实现的层次感十足的倾斜悬浮3D模拟时钟,可以通过3D分层的效果展示钟表等物体的内部层次结构,时钟整体划分为四层结构,最上层是个人头像,第二次是模拟表盘,第...

CSS网格布局实现的苹果键盘逼真效果,带点击键盘交互效果

苹果键盘

CSS网格布局实现的苹果键盘逼真效果,带点击键盘交互效果

这是一款通过纯CSS实现的交互式苹果键盘,键盘按键以及键盘整体都有影子效果,呈现一种立体感,活灵活现的键盘效果简直跟真的Apple键盘一模一样。并且键盘按键在点击时还带有被按下的交互感。

CSS极简风格3D悬浮LED数字时钟

LED数字时钟

CSS极简风格3D悬浮LED数字时钟

CSS实现的一款极简模式数字时钟,由完全填满数字的LED水晶灯管框架组成,由于加入了影子效果,整个时钟看起来有种3D立体感。

CSS空间感极强的3D悬浮箱子错觉(Illusion)效果模拟时钟

悬浮时钟

CSS空间感极强的3D悬浮箱子错觉(Illusion)效果模拟时钟

通过CSS实现的一款容易让人产生错觉的模拟时钟,这款时钟拥有黑色的表针,表盘是一个仿佛悬空的3D立体盒子,底部还带有模糊的影子效果,当鼠标悬浮于表盘之上会以数字的形式提示当前时间。给人一种神秘、...