CSS
-
CSS3 linear-gradient线性渐变教程
CSS3 Backgrounds比较厉害的一个地方就是支持多背景,也就是背景图片个数可以无限累加,正好CSS3的gradient渐变性质是background-image,于是,我…
-
cufon-yui.js 教程
cufon-yui.js 是一个字体文件,在国外使用的比较多,而国内的用户很少有人使用。 Cufon 字体文件,就是按照 Cufon 所提出的字体描述标准,创建形成的一种字体文件。…
-
jQuery+CSS3实现相册拼图效果
百度搜索相册拼图,发现匹配的内容很少。因此我决定使用 jQuery 和 CSS3 来实现一款相册拼图插件。 相册拼图在PS软件中较为常见,比如美图秀秀等软件都带有这样的功能。相册拼…
-
HTML5+jQuery实现动燃火焰特效
HTML5 配合 jQuery 能实现很多动画特效。我们今天要分享的是动燃火焰特效。 动燃火焰顾名思义就是看起来像燃烧的火焰一样的动画效果。 本文分享的又是一款基于HTML5的超炫…
-
Bulma 定制开发
这个部分是高级内容,讲解如何定制 Bulma,也就是修改默认样式。Bulma 采用 Sass 语法(注意,不是 Scss 语法),所以定制的样式也必须使用 SASS。 首先,克隆或…
-
Bulma 响应式布局
Bulma 提供二十多种常用组件,比如表单 、表格、图标、面包屑、菜单、导航、Modal 窗口等等。简单的网站,可以不用写任何 CSS 代码。 Bulma 有五…
-
Bulma 框架教程
前面《Bulma 简介》一文中我们对 Bulma 有了最基本的认识,本文将介绍它 Bulma 的基本用法。 网页样式需要大量时间开发,最省事的方法就是使用 CSS 框架。而 Bul…
-
Bulma 简介
Bulma 是一个基于 Flexbox 的现代化的 CSS 框架,设计的初衷就是移动优先(Mobile First),模块化设计,可以轻松用来实现各种简单或者复制的内容布…
-
text-jusyify下的inline-block自适应列表布局实例
很多时候,我们希望列表的最后一行是左对齐排列的,而不是两端对齐,这时候怎么办呢?原理与上面的两端对齐一致。就是复制几个列表元素的外层标签,等宽,但高度为0,里面就是个(不可缺),复…
-
display:inline-block/text-align:justify教程(css两端对齐)
css两端对齐布局非常重要。前端时间网上流传的关于Android版手机微信连续输入句号手机卡死的问题在网上引起了热议。《Android 版微信的「两位数字+15个句号」 bug 的…