标签：HTML5

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

微信和QQ聊天框内，收到和发送的消息都会在一个带有小箭头的框框内显示。这个效果看起来很不错，到底是怎么实现的呢？本文将带你实现仿微信聊天框和仿QQ消息聊天框。 做到三角图形的生成，最经典的应该是使用CSS border属性了，如果是纯色三角...

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

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

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

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

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

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

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

这个标题我考究了很久，不知道如何才能起的完美。想来想去，浪费脑力，于是就随便起了一个标题。本文是一款日历控件，该日历插件可以实现待办事件的展示，并且可以获得下一月，上一月等其他月份的待办事件提醒功能。 先来看看效果： 再这里，...

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

做 OA 或者 ERP ，也或者 EHR 等项目时，常常需要一些日历控件，显示出当前月需要待办的事件。我在网上搜索了很久，发现没有特别适合的日历控件，因此我自己基于 jQuery 实现了一款日历控件。本文将详细介绍它的相关实现。 老规矩，我...

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

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

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

视频播放器网上也有很多插件，比如我们之前介绍过的 Video.js，vcastr，player，vue-video，Amalia.js，Jquery-video-extend，Projekktor，Codrops Audio还有一款C++播放器。...

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

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

herman 7年前 (2017-08-16) 3349浏览 0评论

曾几何时，jQuery一度是我们使用率最高的第三方框架了。人们和犯了病一样的，任何项目，不管大小全部都是首先引入jQuery。 这样的怪现象在今后可能会逐渐减少，w3c正在努力人让门减少对jQuery的依赖。因此在HTML5诞生依赖，类似j...

xmt_herman_gcy 7年前 (2017-07-05) 73841浏览 0评论

今天发现慕课网中的视频播放地址使用了Blob加密。这是一种新的用法，我是第一次发现。因此便研究了一下它的用法。 采用Blob可以在一定程度上模糊住大家。例如下面的这个播放地址： blob:http://simpl.info/884...

herman 8年前 (2017-06-18) 6631浏览 2评论

如果你的电脑设置了屏保（屏幕保护），长时间不动屏保就会显示出来。尤其是一些绚丽的屏保，拥有流畅的动画。今天我们就用 HTML5 的 Canvas 功能实现一款仿文字雨黑客帝国特效的屏保。 下面我们先看一下运行效果： 上面这张图...

herman 8年前 (2017-06-11) 3871浏览 1评论

继续我们的 HTML5 动画学习系列。本文将为大家分享一款基于 HMTL5 Canvas 实现的火焰风暴动画，通过本文的学习，你将进一步加深对 HTML5 动画的理解。 火焰风暴动画是利用HTML5技术实现的。前面我们已经实现过不少动画特效...

herman 8年前 (2017-06-11) 3524浏览 0评论

我渐渐的迷上了 HTML5 的动画，它总能给我带来很大惊喜。今天继续为大家分享一款使用 HTML5 动画制作的 3D 翻转立方体效果。本文将为大家介绍 HTML5 动画的制作过程。 网上基于 HTML5 的立方体动画有很多，有些是...

herman 8年前 (2017-06-11) 4178浏览 0评论

最近看了下百度对我网站的索引量，有好几天没有收录了。今年6月我给自己定的目标是索引量是1500。年底网站百度权重到3。为了实现我的目标，就不得不多写文章。 今天为大家分享一款基于 HTML5 的像素太空战机游戏。该HTML5游戏的主角是一架...