JiuMeilove的博客

今天带来的是普灵普灵的loader闪烁加载框。开源精神给我们带来了源码。

代码】【无标题】

纯css实现文字环绕不规则图片效果

老规矩先上图为什么今天会想起来整这个呢?这是因为和我朋友吵架,就是关于这个效果的,就是这个 卡片懸停毛玻璃效果,我朋友认为纯css也能写,我则坦言他就是在放狗屁,这种跟随鼠标的3D效果要怎么可能能用纯css写,然后吵着吵着发现,欸,好像真能用css写哦,我以前还写过这种类似的,就是这个取巧&视觉欺诈——纯css互动小飞机然后我就来自己扇自己的脸了原理在小飞机那写了,所以这里就不再赘述了遵循开源精神,源码如下

由纯csshtml 写的网页动漫轮播图

一些炫酷的css按钮动画

今天做的小案例是一个纯css的小飞机，能进行简单的交互如上gif今天的案例是一架飞行的小飞机纯css，原理很简单将有纹理的背景图往后位移然后再将盒子溢出隐藏，这样就制造了飞机在飞的感觉，然后再在飞机的背景图上添加一个小飞机的阴影背景这样就更显真实了但是飞机为什么会跟随鼠标移动呢？css确实没这个功能首先想让飞机动起来，只能是动画，但是动画是预先写好的，而且一旦触发，光凭css是不能关闭的而上图中的小飞机是要跟随鼠标，所以排除动画，那怎么让飞机动起来呢？我们可以给飞机一个定位，然后再将盒子

遵循开源精神,源码就直接放下面了,惯例,不多说直接上图。