胶囊加载器
CSS仿真胶囊药丸浮动旋转Loading加载器效果一款带阴影效果的胶囊药丸💊有节奏的上下运动并伴随着旋转效果。是基于纯CSS实现的,非常适用于页面Loading加载期间使用。非常的轻量级只需要少量的CSS代码即可实现。
磨砂图标
CSS磨砂玻璃背景拟物化(Skeuomorphic)风格菱形水晶玻璃刻字效果Logo图标基于纯 CSS 实现的一款磨砂玻璃背景拟物化(Skeuomorphic)风格菱形图标,菱形图标由四个小菱形组合聚合到一起组成。仿佛是在塑料玻璃方块上雕刻出的图标一样,将这个图标陈列在木质板上...
苹果简易键盘
CSS仿苹果复制粘贴键盘,仅包含COMMAND+C+V三个键网络上经常调侃说开发人员只需要懂ctrl+c复制和ctrl+v粘贴就可以了,为了满足开发人员的需求通过CSS设计了这么一款:开发人员唯一需要的 Apple 键盘!只包含COMMAND、C、V三个...
星评组件
CSS跳跃方式登场的趣味星星评论组件基于CSS+JavaScript实现的一款高颜值且趣味性十足的星星评论组件,其中小星星是通过svg实现的特别的轻量级。当选择星星进行评价时,所选择的星星会以翻转跳跃的方式登场,并且星星的体态变大...
塑料闹钟
CSS实现的塑料材质与金属边框床头电子定时闹钟一款基于CSS实现的塑料金属材质外观床头定时电子闹钟,蓝色的外观+金属材质的数字边框组成一款特别精致的床头小闹钟,整体的外观及布局都是通过纯CSS实现的,JS只负责时间的变化时间。此外,该闹钟...
极简钟表
CSS实现放在桌面上的极简风格黑白主题模拟电子闹钟一款通过CSS实现的白色极简风格主题模拟时钟,为了极致地体现极简模式,整个模拟时钟只使用了白色与黑色的主色调,其中表盘是白色的,而时针与分针是黑色的,仅有的两种颜色形成了鲜明的对比,将极简模...
层次钟表
CSS实现以3D分层的方式展示钟表等物件的内部结构基于CSS的transform等关键属性实现的层次感十足的倾斜悬浮3D模拟时钟,可以通过3D分层的效果展示钟表等物体的内部层次结构,时钟整体划分为四层结构,最上层是个人头像,第二次是模拟表盘,第...
苹果键盘
CSS网格布局实现的苹果键盘逼真效果,带点击键盘交互效果这是一款通过纯CSS实现的交互式苹果键盘,键盘按键以及键盘整体都有影子效果,呈现一种立体感,活灵活现的键盘效果简直跟真的Apple键盘一模一样。并且键盘按键在点击时还带有被按下的交互感。
悬浮时钟
CSS空间感极强的3D悬浮箱子错觉(Illusion)效果模拟时钟通过CSS实现的一款容易让人产生错觉的模拟时钟,这款时钟拥有黑色的表针,表盘是一个仿佛悬空的3D立体盒子,底部还带有模糊的影子效果,当鼠标悬浮于表盘之上会以数字的形式提示当前时间。给人一种神秘、...