分类目录

赞助商

热门标签

搜索

    2021年10月28日
    • 3个漂亮的纯CSS动画进度条
    • 本文介绍3个漂亮的CSS动画进度条,它们都是用纯CSS来实现的,但进度条样式设计得很漂亮,值得推荐使用。

    2021年10月28日
    • 8个SVG加载(loading)动画实例代码
    • 这是一个带有 8 个加载图像的 SVG 动画实例,这个例子非常适合用作加载(loading)动画。 实例介绍这几个加载动画都是使用 HTML + CSS + SVG 实现的。

    2021年10月27日
    • 11款矩形(动画)进度条实例
    • 今天要介绍的是矩形(动画)进度条,有11个实例。值得一提的是,今天介绍的矩形进度条,绝大部分是纯CSS实现的。

    2021年10月26日
    • 7款圆角(动画)进度条实例
    • 前面介绍过圆形/径向进度条和步骤进度条,今天将介绍7款另一形式的进度条——圆角进度条。这些进度条多用于表示加载进程。

    2021年10月23日
    • 7款步骤进度条实例
    • 步骤进度条能清晰的给用户显示整个操作流程的每一个过程阶段,因此在项目进度条设计中,常常用到步骤进度条。本文将介绍4款步骤进度条的实例。

    2021年10月22日
    • 4款圆形/径向进度条实例
    • 进度条通常包括进度的数字(百分比)和动画表示,这提高了进度条的清晰度,增加了用户体验,本文介绍4款圆形/径向进度条。

    2021年10月19日
    • CSS动画背景-流星雨效果
    • 本文介绍一个流星雨效果的动画背景,它是纯CSS实现的,无需用到JavaScript,也无需用到第三方插件,喜欢的朋友可以直接复制代码使用,非常方便。

    2021年10月19日
    • css滚动星星效果/星空动画背景
    • 此动画为你的背景添加了深度错觉,从而创建了视差滚动星星效果。它使用一个简单的 SASS 函数(在每次加载时创建一个随机星域)和 CSS 动画关键帧。

    2021年10月19日
    • CSS粒子动画背景
    • 这是一个粒子动画,不需要 JavaScript 来构建它。这个背景的整个想法是让粒子随机移动。

    2021年9月29日
    2021年9月23日
    • 纯CSS实现的左右滑动幻灯片
    • 本文介绍一个纯CSS实现的左右滑动幻灯片,这个基于 CSS 的幻灯片插件具有多种质量功能。这些可以帮助导航整个网站的页面。

    2021年9月2日
    • jQuery和CSS3实现有进度条的多步注册表单
    • 有的情况,提交表单需要多个步骤来完成,很多人是通过页面转换来是实现过程设计,其实,我们可以在一个页面就完成这个功能,正如本文介绍的,jQuery和CSS3实现有进度条的多步注册表单 。

    2021年8月31日
    • 响应式弹出DIV层常见效果/模式窗口设计
    • 弹出DIV层的设计在网页交互中常常用到,比如注册/登录表单,详细信息的显示等等。今天,我将分享一个常见的弹出DIV层的效果,是响应式的模式弹窗设计效果。

    2021年8月31日
    • 非常漂亮的响应式导航栏设计
    • 今天,我要介绍的是,一个非常漂亮的响应式导航栏设计,这个导航栏做得非常用心,哪怕一个边角,都是精雕细琢的精致设计。

    2021年8月30日
    • 简单实用的响应式导航菜单设计
    • 现在的网页设计多是响应式的了,而菜单又是网页里用户交互最多的最醒目的一部分,因此这个设计往往就更重要。本文介绍一个简单却实用的响应式导航设计。

    2021年8月23日
    • 9个CSS鼠标悬停效果
    • 本文介绍几个常见的鼠标悬停效果。这几个效果比较相近,主要是当鼠标移到和移出按钮时,按钮边框颜色或阴影的变化效果。

    2021年8月13日
    • 6个CSS按钮边框过渡动画效果
    • 当鼠标移到按钮上时,按钮边框出现过渡动画效果,这在现在的按钮交互设计中十分常见。本文将介绍6个CSS按钮边框过渡动画效果。

    2021年8月13日
    • CSS关闭按钮图标(X)
    • 关闭图标不用小图片,只用CSS,就能轻松实现。本文将给大家介绍如何用CSS来实现一个关闭按钮图标(X)。

    2021年8月11日
    • 一个具有伸缩(鼠标悬停)效果的CSS按钮
    • 本文介绍一个CSS按钮,它具有伸缩(鼠标悬停)效果,即是当鼠标放上时,按钮伸长,当鼠标移开后,按钮缩短。这个效果在很多网页上都挺常见的,它多用于“更多”的按钮设计上。

    2021年8月10日
    2021年8月9日
    2021年8月9日
    • 漂亮的CSS下拉菜单设计
    • 默认的下拉菜单样式有点呆板,使用体验不是很好,因此,本文给大家介绍一个漂亮的CSS下拉菜单设计。

    2021年8月6日
    2021年7月30日
    • 纯CSS实现的星光动画背景
    • 这个星光动画背景,看起来挺酷的,在某些网站上可作为一个效果展示。难得的是,这动画是纯CSS3实现的,迁移十分方便,代码一拷就行。这里给大家分享一下。

分页:«1234»