前言 就在最近这几年,弹幕这个东西慢慢地流行了起来。我们在网上看视频或者看直播都能见到弹幕的身影,有时候弹幕的内容甚至比视频本身内容还要精彩。本人也是很喜欢弹幕这个东西,看到精彩处刷个弹幕都是常事。正好最近也比较空闲,于…
标签:css3
少量JQuery+CSS3代码实现轮播器 (初次写文章,思路,文笔都不足,轻喷)
1.前言,看过很多的轮播器代码;但是心中,老想着有没有简单的办法来实现同样的效果。搜到这个(下方链接),眼前一亮,便动手实践改进。主要工作,还是对文章第一段提出的“如果中间间隔有图片,那么在css3动画的执行过程中还是会…
移动开发之总结
1、-webkit-tap-highlight-color:rgba(255,255,255,0)可以同时屏蔽ios和android下点击元素时出现的阴影。 备注:transparent的属性值在android下无效。 …
淘宝商品分类小动画细节
这是淘宝商品分类的一个bar,当滚动页面时,该条就会成为fixed状态。此时,鼠标悬浮上去,就会从底部向上有个描述圆往上移动的动画,看起来不错。 粗略一想,这个用css3来实现,岂不是很爽,transition只是改动t…
10款流行的 jQuery 插件
这里介绍10款流行的 jQuery插件,希望能帮上各位前端攻城狮~ fullPage.js 一个简单的,易于使用的插件,创建全屏滚动网站(也被称为单页网站),它允许创建滚动网站以及添加一些水平滑块。 下载插件 …
《深入理解ES6》笔记—— 改进数组的功能(10)
ES5提供的数组已经很强大,但是ES6中继续改进了一些,主要是增加了新的数组方法,所以这章的知识非常少。 创建数组 ES5中创建数组的方式:数组字面量、new一个数组。 const arr1 = [] //数组字面量 c…
《深入理解ES6》笔记——迭代器(Iterator)和生成器(Generator)(8)
迭代器(Iterator) ES5实现迭代器 迭代器是什么?遇到这种新的概念,莫慌张。 迭代器是一种特殊对象,每一个迭代器对象都有一个next(),该方法返回一个对象,包括value和done属性。 ES5实现迭代器的代…
《深入理解ES6》笔记——Symbol和Symbol属性(6)
还记得对象Object吗? let obj = { a: 1 } 对象的格式: Object { key: value } 在ES5的时代,对象的key只能是字符串String类型。有人就想搞事,把key改成其他数据类型…
CSS Grid:页面网格布局从未如此简单
页面布局从来就不是一件让人省心的事! 如果pc端的两列布局、表格布局、圣杯布局等已经让你心力交瘁!那么移动端更加五花八门的布局肯定也是让你吃尽苦头!table不知道你用过没?bootstrap用过没?antd用过没? 这…
「干货」CSS 不定宽高的垂直水平居中(最全 9 种)
前言 垂直居中,在 CSS 中是一个老生常谈的问题,面试的时候也会时常被提及。所以,今天我们就来聊聊 9 种不同的居中方法。 有常见的 flex、transform、absolute 等等。也有 CSS3 的网格布局。还…
小于12px字体的实现
采用缩放方案,被缩放的标签仍然会占据缩放前的空间,垂直方向可以通过设置 line-height: 1;去掉本来空间,再调整上下边距,而横向可以通过调整margin为负值或其它办法去解决。 示例代码 .font-siz…
css按钮交互效果
最近在网上闲逛时,发现了http://www.nows.fun/ 这个毒鸡汤,内容有趣,按钮交互做的也很棒,简约而不简单。于是就把按钮交互的效果拿来学习一下。总体上来说,是利用了:active和box-shadow两个特…