花费 15 ms
css3 - 纯css实现一个轮播图

这是我上一次的面试题、一晃两个月过去了。 从前都是拿原理骗人,把怎么实现的思路说出来。 我今天又被人问到了,才想起来真正码出来。码出来效果说明一切: 以上gif,只用到了5张图片,一个htm ...

2019-04-18 05:12 4 9804
CSS 故障艺术

本文的主题是 Glitch Art,故障艺术。 什么是故障艺术?我们熟知的抖音的 LOGO 正是故障艺术其中一种表现形式。它有一种魔幻的感觉,看起来具有闪烁、震动的效果,很吸引人眼球。 故障艺 ...

2020-02-10 18:46 9 2320
CSS3 之动画及兼容性调优

============================================================================ 本文由 www.webfunny.cn 前端 ...

2015-10-26 19:15 1 12222
css3动画-加载中...

写几个简单的加载中动画吧。 像前面三种都是相当于几个不同的点轮流来播放同一动画:变大变小。css3里面有一个用于尺度变换的方法:scale(x,y):定义 2D 缩放转换,改变元素的宽度和高度。 ...

2017-09-28 07:56 0 5581
简单的转盘抽奖——CSS动画优化

前言 前两天去一家公司面试,被问到一些小游戏的东西。面试官提到了刷红包还有抽奖这些怎么实现,当时简单说了下思路,回来之后想想还是说的太轻描淡写了,干说不做就是耍流氓,所以就做了一个(Demo &am ...

2016-05-12 01:34 7 7151
css动画与js动画的区别

CSS动画 优点: (1)浏览器可以对动画进行优化。        1、 浏览器使用与 requestAnimationFrame 类似的机制,requestAnimationFrame比起s ...

2016-12-07 04:49 0 6674
css特效 - 环形文字

记一次群友问题和回答: 下面这种效果,文字是动态的,不能使用图片的情况下,前端怎么实现? 一、插件实现: arctext.js 教程地址:实现文字平滑弯曲弧形效果的插件-a ...

2019-02-13 19:10 0 2695
CSS3 - vue中纯css实现柱状图表效果

背景 以前我们制作柱状图都用echarts或者其他同类型的图表插件 这次是个移动端的需求,而且这个图表需要动画 使用echarts就会显得过重,而且动画达不到我想要的效果(主要是我自己愚蠢想不到 ...

2019-07-06 00:40 0 1520
css3-巧用选择器 “:target”

今天(昨天)又发现一个知识盲区 css3的:target标签,之前学习的时候就是一眼扫过,说是认识了,但其实也就记了三分钟,合上书就全忘光了。 直到昨天,遇到一个有意思的题目,用css3新特性做一 ...

2017-09-22 19:11 2 3030
jquery.rotate.js实现旋转动画

1.页面引入jquery.rotate.js文件,下载地址 https://files.cnblogs.com/files/zhoujl-5071/jquery.rotate.js < ...

2018-09-15 01:55 0 1941

 
粤ICP备18138465号  © 2018-2020 CODEPRJ.COM