标签：CSS3

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

前面《Bulma 简介》一文中我们对 Bulma 有了最基本的认识，本文将介绍它 Bulma 的基本用法。 网页样式需要大量时间开发，最省事的方法就是使用 CSS 框架。而 Bulma 就是一款这样的框架。 Bulma 的安装...

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

Bulma 是一个基于 Flexbox 的现代化的 CSS 框架，设计的初衷就是移动优先（Mobile First），模块化设计，可以轻松用来实现各种简单或者复制的内容布局，浏览器支持：浏览器支持：Chrome、Edge、Firefox...

herman 7年前 (2017-10-23) 1857浏览 0评论

很多时候，我们希望列表的最后一行是左对齐排列的，而不是两端对齐，这时候怎么办呢？原理与上面的两端对齐一致。就是复制几个列表元素的外层标签，等宽，但高度为0，里面就是个(不可缺)，复制的个数一般就是每行元素的列表个数啦，这样肯定可以保证最后一行元素...

herman 7年前 (2017-10-23) 2338浏览 0评论

css两端对齐布局非常重要。前端时间网上流传的关于Android版手机微信连续输入句号手机卡死的问题在网上引起了热议。《Android 版微信的「两位数字+15个句号」 bug 的原理是怎样的？》这篇文章通过对Android版的微信进行了分析，找...

herman 7年前 (2017-10-13) 1741浏览 0评论

after()和before()的语法特性兼容性都是一一对应的，差别就在于语义上，一个是在前面插入，一个是在后面插入。他们的语法非常类似。 下面我们通过一个完整的实例来搞定它。 HTML代码： <img id="...

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

HTML、CSS 和 JavaScript 是三项必备的基础技能。而如何事半功倍地掌握好这些知识？通过了解当下火热的开源项目不乏为最佳学习姿势。本文盘点国内评分最高且收藏量超过 100 的前端技术开源项目，希望可以帮助更多的开发者扩展学习。 ...

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

3D 进度条看起来很有空间感。比起平面进度条，3D 进度条更能带来好的用户体验和炫酷的加载效果。本文将借助 jQuery 和 CSS3 来实现一款带有阴影的 3D 进度条插件。 下面我们先看看效果。 该进度条插件非常炫酷，基于...

herman 7年前 (2017-09-19) 5119浏览 0评论

马路上有很多用来装饰的滚动字幕，有些还闪闪发光，看起来很炫。本文通过 HTML5 + CSS3 的技术来实现这一特效（闪光字）。 闪光字，顾名思义就是会发光并会闪烁的字体。简称闪光字。 上图是我在网上寻找的一个类似的闪光字效果...

herman 7年前 (2017-09-19) 2996浏览 0评论

iPhone X 发布后，被刘海刷屏了。大多数都在吐槽刘海，不仅是美观上的，还有开发上的。 iPhone 为了 iPhone X 发布了新的开发者规范，针对 iPhone X 的适配发布了一些标准和建议。开发者规范能针对 iPhone X ...

herman 7年前 (2017-09-02) 3841浏览 0评论

这是一款基于jQuery的手风琴个人信息菜单面板。使用HTML5+CSS3实现。效果类似QQ分组面板，同时展开后是类似微信聊天界面的效果。 下面是该demo效果的截图： 界面效果看起来很高大上。每一个菜单项展开后可以自定义布局...

herman 7年前 (2017-09-01) 1775浏览 0评论

自从多说关闭后，评论插件越来越少了。而WordPress自带的评论框非常的简陋，看起来就没有评论的欲望。本文将使用CSS3实现一款漂亮的留言代码，赶紧跟着一起改动你的博客评论框吧！ 先阅览一下运行效果吧！ 主要的html代码如...

herman 7年前 (2017-04-26) 25608浏览 0评论

在网页特效方面，有时候我们需要用到类似于呼吸灯的效果！那么如何使用HTML5 配合 CSS3 实现呢？本文将详细的讲解如何实现这样的效果。 用到的知识点 border-radius：该属性是一个简写属性,用于设置四个 border...

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

今天闲来无事就使用 jQuery 制作了一款导航产品，给大家分享一下。 jQuery蜂巢状布局导航标签代码是一款六边形蜂窝效果的CSS布局，适合做导航或者关键词展示使用。也可以做网站上的标签云。 效果图 实现原理 ...

herman 7年前 (2017-03-12) 13327浏览 0评论

在前面的一篇文章中，我详细的分析了滑动验证码的实现原理。在本文中，我们在通过实现滑动验证码的案例和代码进一步加深理解。 我们先来看一下最终的实现效果： 滑动验证码实现过程 先实现一个div，内容便是“拖动...

herman 7年前 (2017-02-19) 2692浏览 0评论

接着上面一章的内容《CSS3 弹性盒布局模型简介》，我们接着讲 CSS3 的弹性盒布局模型。从最基本的布局开始介绍弹性盒布局模型。要实现的布局效果是一个简单的图片缩略图预览页面。 实例代码如下： <style type=&quo...