标签：CSS3

    HTML5

    emergence.js 教程

    herman 7年前 (2017-11-11) 2242浏览 0评论

    Emergence.js是一个轻量级，高性能的JS插件，用于检测和操作浏览器中的元素。本文介绍它的用法。 介绍 Emergence.js 之前，我在github上搜索了一下，它很受用户欢迎，推出没多久就受到了广泛的关注。特别是 J...

    HTML5

    js实现rem自动匹配计算font-size

    herman 7年前 (2017-11-11) 5736浏览 0评论

    实际开发过程中，我们经常会被各种宽度，高度计算搞晕。尤其是使用了rem的计算方式，自适应布局难倒一大片程序员。为了解决这类问题，我觉得可以利用js监听屏幕宽度变化来实现更改HTML 根元素font-size的值。 下面是相关JavaScri...

    HTML5

    SVG实现多彩圆环倒计时效果

    herman 7年前 (2017-11-11) 2607浏览 0评论

    圆环倒计时我们经常见到，实现的方法也有很多种。但是本文将介绍一种全新的实现方式，使用SVG来实现倒计时功能。 本文主要用到了SVG的stroke-dasharray和stroke-dashoffset特性。下图是倒计时运行效果： ...

    HTML5

    iframe父子窗口互相调用总结

    herman 7年前 (2017-10-30) 2974浏览 0评论

    关于 iframe 父窗口和子窗口相互的调用方法，我这里做个总结，方便以后用到。 父窗口调用iframe子窗口方法 HTML语法：<iframe name="myFrame" src="chil...

    HTML5

    CSS3 linear-gradient线性渐变生成加号和减号

    herman 7年前 (2017-10-30) 3293浏览 0评论

    在商城项目中，购物车是一个很重要的功能。其中最常见的是购物车中对库存的“+-”操作，包括抢购后面有很多算法。但是作为前端来说，购物车的结算中的+-就是一个计算而已。传统的实现方式是通过图片来实现+-按钮，而本文却将使用CS...

    HTML5

    CSS3 linear-gradient线性渐变教程

    herman 7年前 (2017-10-30) 3281浏览 0评论

    CSS3 Backgrounds比较厉害的一个地方就是支持多背景，也就是背景图片个数可以无限累加，正好CSS3的gradient渐变性质是background-image，于是，我们可以实现任意数量渐变背景图的叠加效果。甚至，理论上，任意彩色jp...

    HTML5

    cufon-yui.js 实战

    herman 7年前 (2017-10-30) 3753浏览 0评论

    简单的说，Cufon是一个用来替代sIFR（更早期的一种自定义字体实现方案）框架，实现在网页中对文字字体进行渲染功能的纯JavaScript开源类库。其基本原理是借助于浏览器所推出的专有页面绘画方案，如 VML、Canvas 和 SVG 等，在网...

    HTML5

    cufon-yui.js 教程

    herman 7年前 (2017-10-30) 2963浏览 0评论

    cufon-yui.js 是一个字体文件，在国外使用的比较多，而国内的用户很少有人使用。 Cufon 字体文件，就是按照 Cufon 所提出的字体描述标准，创建形成的一种字体文件。而和其他字体创建标准如 TrueType、OpenType ...

    HTML5

    jQuery+CSS3实现相册拼图效果

    herman 7年前 (2017-10-30) 18509浏览 0评论

    百度搜索相册拼图，发现匹配的内容很少。因此我决定使用 jQuery 和 CSS3 来实现一款相册拼图插件。 相册拼图在PS软件中较为常见，比如美图秀秀等软件都带有这样的功能。相册拼图就是将多张照片拼接在一起形成一张照片。其效果如下：欢迎大家...

    HTML5

    HTML5+jQuery实现动燃火焰特效

    herman 7年前 (2017-10-25) 3571浏览 0评论

    HTML5 配合 jQuery 能实现很多动画特效。我们今天要分享的是动燃火焰特效。 动燃火焰顾名思义就是看起来像燃烧的火焰一样的动画效果。 本文分享的又是一款基于HTML5的超炫动画特效，是一款动感的火焰燃烧动画效果。这款HTML5...

    HTML5

    Bulma 定制开发

    herman 7年前 (2017-10-24) 3549浏览 0评论

    这个部分是高级内容，讲解如何定制 Bulma，也就是修改默认样式。Bulma 采用 Sass 语法（注意，不是 Scss 语法），所以定制的样式也必须使用 SASS。 首先，克隆或下载源码。 $ git clone https...

    HTML5

    详解 Bulma 文字、颜色、字体

    herman 7年前 (2017-10-24) 4642浏览 0评论

    Bulma 提供7个修饰指定文字大小。可以分别的使用于移动设备，平板设备，桌面设备等。本文将讲解它们的用法。 下面是 Bulma 提供的7种可供选择尺寸： is-size-1： 3rem is-size-2： 2...

    HTML5

    Bulma 响应式布局

    herman 7年前 (2017-10-24) 4168浏览 0评论

    Bulma 提供二十多种常用组件，比如表单 、表格、图标、面包屑、菜单、导航、Modal 窗口等等。简单的网站，可以不用写任何 CSS 代码。 Bulma 有五个宽度断点，分别是 mobile（手机）、tablet（平板...

    HTML5

    Bulma 框架网格体系(原理)

    herman 7年前 (2017-10-24) 4146浏览 0评论

    Bulma 的网格体系基于 Flex 布局，写起来非常容易。最简单的用法就是使用columns指定容器，使用column指定项目。 有兴趣的同学可以和 bootstrap 的网格布局对比对比。 <div class=&q...