只需6行filter grayscale代码就可以将网站变灰！
herman 9个月前 (07-16) 6197浏览
上周，微信群一网友问我，如何将网站变灰？ 我说最近没发生什么大事呀，怎么突然来这一需求？ 他说，部门领导接到上级需求，要求将来如果发生某些突然事件时，要能够支持将网站变灰，像各大厂的做法一样。 我说，你直接百度一下，不就知道了吗？...
标签：CSS3
Failed to load resource: the server responded with a status of 403 () 问题解决
herman 5年前 (2019-04-25) 30313浏览
今天我发现我的网站的图片，在 mac 系统中的 Safari 浏览器中不显示。 为了一探究竟，我就开始调试，看看到底是咋回事。因为谷歌浏览器就是好的，Safari 上的图片却不显示。 一打开，控制台，发现报了一个 403 错误。“Fai...
解决 Idea 中 css 报 a term expected 错误问题
herman 5年前 (2019-01-14) 11787浏览
今天拉了同事的一段代码，发现 Idea 中报错，CSS 文件报错。这不是语法错误，也不是代码错误，就是纯粹的 idea 不识别“!”这个符号。 我将鼠标悬浮到报红内容上，提示：“a term expect...
Java是世界上最好的语言？这次网友又打架了！
herman 6年前 (2018-09-27) 6565浏览 0评论
最近随着 java 11 的到来，网上出现各种关于 java11 的解读。以至于各种 java11 技术文章漫天飞，包括我昨天的那篇文章，一些其他语言的人看不下去了，又为了 XX 是世界上最好的语言“打架”了。 这次...
教你免费打造一款类似阮一峰网站背景图动态更换的网页
herman 6年前 (2018-09-19) 5410浏览 0评论
经常访问阮一峰网站的人都知道，他网站的主页的背景图经常变，每刷新一下都不一样。这是怎么实现的呢？如果我网站上存储这么多照片，那需要多大的存储空间啊。显然阮老师的网站上不可能存储这么多照片的。那么该如何模仿阮老师的网站实现动态刷新网站背景图呢？而且...
CSS 的空格处理
herman 6年前 (2018-07-31) 5434浏览 0评论
HTML 代码的空格通常会被浏览器忽略。 <p>◡◡hello◡◡world◡◡</p> 上面是一行 HTML 代码，文字的前部、内部和后部各有两个空格。为了便于识别，这里使用半圆形符号◡表示...
前端HTML5视频教程免费下载
herman 6年前 (2018-06-24) 7788浏览 0评论
HTML5 是下一代的 HTML。HTML5草案的前身名为 Web Applications 1.0，于2004年被WHATWG提出，于2007年被W3C接纳，并成立了新的 HTML 工作团队。HTML 5 的第一份正式草案已于2008年1月22...
前端框架 Layui 视频教程免费下载
herman 6年前 (2018-06-24) 4299浏览 0评论
layui，是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到 API 的每一处细节都经过精心雕琢，非常适合界面的...
使用 Vue.js 实现 Tooltip 气泡提示框、用户通知弹出框插件
herman 6年前 (2018-04-21) 16542浏览 0评论
借助 Vue.js 我们再来实现一款弹出框、冒泡提示插件。效果类似于 Notifications，安卓吐司的形式。 整个插件的运行效果如下： 整个实现的过程很简单，主要代码如下： <div class=&...
CSS3新规则：继承与重设
herman 6年前 (2018-04-07) 4516浏览 0评论
W3C推出一组崭新的css样式规则：all:default。All标签下设initial、inherit和default三种属性值。Initial意为“最初”，采用all:initial规则强调子类样式属性继承自起始类，直...
CSS3 :default伪类选择器教程
herman 6年前 (2018-04-07) 4347浏览 0评论
CSS3 推出了很多新的伪类选择器，如：E:checked、E:default和E:indeterminate。我们今天重点介绍 CSS3 的 default 伪类选择器。 E:default选择器用来指定当页面打开时默认处于选取状态的单选...
详解 GCanvas 渲染引擎原理和机制
herman 6年前 (2018-03-04) 5601浏览 0评论
GCanvas 不是什么新鲜的技术，而是阿里团队在很早就发布的一个组件库。最近 GCanvas 团队，开源了 GCanvas，而且是和 GCanvas 一起，共开源了 3 款产品。 目前使用...
HTML5 实现 alarm 壁纸的剪裁(smartcrop.js 教程)
herman 6年前 (2018-02-27) 3681浏览 0评论
HTML5 很强大，或者说 JavaScript 编程语言很强大，它们能在网页上实现智能剪裁。制作各种各样的壁纸，例如：alarm壁纸。在还有图片的壁纸上，能智能的分辨出人脸等。本文将借助 smartcrop.js 来实现一款智能图片裁...
HTML5 + CSS3 实现雷达扫描动画
herman 6年前 (2018-02-23) 5418浏览 0评论
这是一款 HTML5 + CSS3 实现的雷达扫描动画。该动画还可以实现动态的切换雷达状态。有平面图和立体图两种形态，看起来十分炫酷。它的一大特点是3D立体的视觉效果，鼠标点击雷达后将会展现一张3D立体地图，并且对地图上指定的几个地点进行坐标详细...
HTML5 Canvas模仿瀑布动画效果
herman 6年前 (2018-02-23) 3930浏览 0评论
前段时间，我模仿的黑客帝国动画效果深受大家喜爱，今天我再为大家分享一款模仿瀑布动画效果，希望大家喜欢。 正如本文的主题一样，本动画案例使用的是 HTML5 + Canvas 技术实现。最终运行效果如下面截图： 相关主要的实现代...