花山

这次带大家来用纯CSS实现一个动画环。整个效果比较简单并且实现起来也很容易，话不多说，我们直接进入主题。 效果预览 效果如下所示。 HTML部分 首先我们看到HTML部分...

前言 在日常生活中，铅笔人人都能用到，这次便带大家来纯CSS实现常常都能用到的铅笔。相信整个效果比较简单并且实现起来也很容易，话不多说，我们直接进入主题。 效果预览 效果如...

这次带大家来实现一个生动的蜡烛燃烧的效果，纯CSS实现，通过动画来展现出一个燃烧的蜡烛，话不多说，我们直接进入主题 效果预览 最终实现的效果如下所示。 HTML部分 首先我...

前言 时隔一个月，又来给大伙展示一些新效果了。这次给大家带来一个多彩的旋转圆环，实现起来比较简单，话不多说，大家直接看到下面的效果预览。 效果预览 实现过程 首先是 HTM...

这是一个基于原生js实现的轮播功能，支持动态配置轮播列表和设置轮播过渡动画，轮播切换时间间隔，自动播放，手动分页，向前，向后翻页，以及移动端的手势滑动切换功能...

这个圆圈是用border-radius: 50%画出来的，所以width/height变大的时候，圆圈的半径就会变大，但是在变化的过程中变形了。如果改成用padding做动...

借着前段时间完成了一个关于音乐播放器的项目，所以这次给大家带来一个关于音乐播放的效果。话不多说，大家直接看下面的动态效果预览。 效果预览 HTML 部分 首先看到HTML部...

偶然的一次机会，在浏览网页的时候看到一个炫酷的效果：一个个小点要飞出屏幕，极其逼真。于是，便有了这次的效果呈现：炫酷的闪烁点。话不多说，大家直接看下面的动态效果预览。 效果...

今天是五一假期结束后的一天，在这里相信大家假期都很快乐。这次趁着假期闲下来的时间，捣鼓了一个新的小效果，用 CSS 绘制的一个循环小圆环。整个实现过程比较简单，大家可以先看...

这次给大家带来一个比较暗黑系的效果 —— 暗夜猫眼。这是一双会眨动的猫眼睛。 为了可以更加直观地看到该效果，大家直接看下面的动态效果预览。 效果预览 该效果是由纯 CSS ...

前言 这次带来的效果十分有趣，可以把它比作为“下钱的雨云”，就是一种哗哗哗地从天空中的云里落钱的画面。话不多说，大家直接看到下面的效果预览。 效果预览 以上就是最终的实现效...

这周了解到一个新的名词，同态。同态可以理解成一种特殊形态吧，在没看到具体的效果之前，我也不知道怎么描述它，哪怕我看到了具体效果，我也只能把它描述为一种特殊形态。话不多说，大...

前言 在上一篇文章中，带着大家实现了一个通过CSS动画实现的简易波纹效果，感兴趣的朋友可以在我主页里去看看。这次，继上个波纹效果之后，这回给大家带来一个按钮上的波纹效果，简...

前段时间在浏览网页的时候看到一个很炫酷的特效，就是通过波纹来产生视觉视差从而吸引用户，留住用户。之后我抱着试试看的心态，找了一些资料，用CSS实现了一个简易的DEMO效果，...

马上就要放假了，不知道还有没有在公司的。我趁着在公司站好最后几天岗的摸鱼时间，学习了几个新的CSS特效，于是把它们整理成文章，这段时间会陆续发出。而这次首先带来的是一个关于...

在去年十月份的时候，实现了一个类似于蚊香或者说是金钟罩一样的加载效果，不少掘友评论说，看得是“真晕呐”。 这次基于这种让人直呼眩晕的效果，又给大家整个活，带来另一个不一样的...

裸辞4个月，绝境之下的我，没想到居然靠着nest这个神来之笔，丰满了自己的知识图谱，成功打动面试官获取到心仪offer...

不知各位JYM平时有没有做饭的习惯，像我，一到周末就会给自己一个大展厨艺的机会，因此今天要实现的效果也将会是和厨艺有关。没错，这次给大家带来的是一个生动的平底锅翻炒鸡蛋。该...

数组去重是非常经典的面试题目。十次面试，能碰到十一次（这里带有夸张的成分）。这里之所以来讲一下数组去重，是因为在一次面试中（这家公司做的产品是协同开发级别的软件），让我对数...