-
《GitHub精选》是我们分享Github中优质项目的栏目，包括技术、学习、实用与各种有趣的内容。本期推荐的是一个使用纯CSS实现动画加载效果的项目——SpinKit。SpinKit通过使用transform和opacity属性实现了包括方块翻转、圆点旋转、圆环缩放和九宫格渐变等10余种动画加载的效 2024-12-09 09:48:53 -
我们可以在不使用JavaScript的情况下创建效果和动画，这将有助于许多设计师的工作。但我们必须小心避免滥用CSS3，因为旧浏览器不支持其所有属性。基本了解CSS，特别是CSS3过渡和关键帧动画，非常重要。使用这个简单的概念，我们将看到如何制作功能图像滑块。CSS3过渡的基本概念我们可以使用四个过 2024-12-09 09:05:08 -
今天跟大家分享与CSS3按钮相关的特效展示案例，这些例子特效主要由CSS3编写出来，除了新鲜有创意之外，编写代码质量也很高，对于前端人员或设计师都有参考的价值，当然有的不是全CSS3编写的，部分是需要与JS代码结合使用才能发挥效果。下面大家一起看看这些CSS按钮DEMO，确实很酷哦！1.css按钮点 2024-12-09 08:49:14 -
CSS解析器——css模块使用详解，用更优雅的方式转换css内容
安装npm install cssparse方法使用css模块提供了一个解析css内容的方法parse，它返回css内容的抽象语法树（AST）。图1图1执行结果如下：图2parse方法还可以传入第二个参数，这个参数是个对象，它有两个属性，其中一个属性是source，代表css文件的路径，如果参数中存 2024-12-09 08:34:20 -
css动画就是元素从一种样式过渡到另一种样式的过程。常见的动画效果很多，比如，平移、旋转、缩放等，css实现动画的方式有以下几种：1、transition：实现渐变动画2、transform：实现转变动画3、animation：实现自定义动画一、实现渐变动画1. 语法transition：prope 2024-12-08 10:34:51 -
为了更方便地控制网页中各种各样的字体，CSS提供了一系列的字体样式属性，具体如下。(1)font-size属性：字号font-size属性用于设置字号，该属性的属性值可以为像素值、百分比数值、倍率等。表3-l列举了fomt-size属性常用的属性值单位，具体如下。单位说明em倍率单位，指相对于当前对 2024-12-08 10:20:17 -
我们在浏览器上浏览报表的时候，报表显示的样式实质上是css文件控制的。皕杰报表中，css样式文件在资源文件夹report_res/skin下，包含query.css、table.css、toolbar.css、fillin.css、common.css、exception.css，分别是表单格式、报 2024-12-08 09:49:36 -
聊起css，印象最深刻的就是刚毕业那会刚开始从事前端开发岗位工作的时候，身为一名 cut picture boy (切图仔)，在页面布局及还原设计图中广泛使用css来开发页面，我记得刚开始接触最多的就是Bootstrap(用于开发响应式布局、移动设备优先的 WEB)。然而随着前端突飞猛进的编进，诸如 2024-12-08 09:19:44 -
css作为前端三剑客，从诞生以来很少变化，css3都已经诞生了20年，和js的框架层出不穷相比，似乎css就不需要框架，就不需要更优化的写法。然而在追求极致的程序员面前，代码的可维护性，代码的优雅性有迫切希望改进css代码的编写，于是css预处理器诞生了。css预处理器由于浏览器只能理解和识别纯CS 2024-12-08 09:04:55 -
用div+css做一个简易的计算器，几行js完成计算功能「217」
终于想做一个计算器了，少少几行js代码而已。网上有很多的html计算器的实例，大多是用table来做的，但我还是选择用div来做。这个计算器有基本的运算功能，但一些细的纠错，就没再细究了，极简嘛。一、开始吧，先做一个360*500的盒子。二、加入输入框，输入框给它270宽，再配个灰色背景。三、做18 2024-12-07 11:00:31
