摘要: 上次发完 不可思议的纯 CSS 导航栏下划线跟随效果 这篇文章之后,很多朋友找我讨论,感叹 CSS 的奇妙。 然后昨天,群里一位朋友问到了一个和这个效果比较类似的效果,问如何 将下面这个动画的下划线效果,从左进入,右边离开修改为从上方进入,下方离开。 描述很难理解,看看原本的效果: 难点所在 第一眼阅读全文
posted @ 2018-04-19 14:27 ChokCoco 阅读(258) 评论(4) 编辑
摘要: 先上张图,如何使用纯 CSS 制作如下效果? 在继续阅读下文之前,你可以先缓一缓。尝试思考一下上面的效果或者动手尝试一下,不借助 JS ,能否巧妙的实现上述效果。 OK,继续。这个效果是我在业务开发的过程中遇到的一个类似的小问题。其实即便让我借助 Javascript ,我的第一反应也是,感觉很麻烦阅读全文
posted @ 2018-03-27 14:27 ChokCoco 阅读(835) 评论(9) 编辑
摘要: 最近在研究区块链,可能会有一些非前端文章,感兴趣的可以关注关注哟。 有关注区块链的,肯定会经常看到这两个名词 -- PoW 与 PoS。但是很多人对他们的含义的理解存在很多偏差。那么他们的含义与区别是什么呢? 简单而言,PoW 和 PoS 是 2 种不同的对记账权利的分配方式。 PoW POW(Pr阅读全文
posted @ 2018-03-06 11:31 ChokCoco 阅读(583) 评论(2) 编辑
摘要: 本文接前文:不可思议的混合模式 mix-blend-mode 。由于 mix-blend-mode 这个属性的强大,很多应用场景和动效的制作不断完善和被发掘出来,遂另起一文继续介绍一些使用 mix-blend-mode 制作的酷炫动画。 CSS3 新增了一个很有意思的属性 -- mix-blend-阅读全文
posted @ 2017-12-27 11:22 ChokCoco 阅读(1144) 评论(25) 编辑
摘要: 很久之前在张鑫旭大大的博客看到过一篇 PNG格式小图标的CSS任意颜色赋色技术,当时惊为天人,感慨还可以这样玩,私底下也曾多次想过有没有其他方法可以实现,又或者不仅仅局限于 PNG 图片。 mix-blend-mode 与 background-blend-mode mix-blend-mode 在阅读全文
posted @ 2017-12-21 14:05 ChokCoco 阅读(1603) 评论(12) 编辑
摘要: 我们知道,动画其实是由一帧一帧的图像构成的。有 Web 动画那么就会存在该动画在播放运行时的帧率。而帧率在不同设备不同情况下又是不一样的。 有的时候,一些复杂或者重要动画,我们需要实时监控它们的帧率,或者说是需要知道它们在不同设备的运行状况,从而更好的优化它们,本文就是介绍 Web 动画帧率(FPS阅读全文
posted @ 2017-12-13 10:18 ChokCoco 阅读(1374) 评论(11) 编辑
摘要: 关于 chrome 扩展的文章,很久之前也写过一篇。清除页面广告?身为前端,自己做一款简易的chrome扩展吧。 本篇文章重在分享一些制作扩展的过程中比较重要的知识及难点。 什么是 chrome 扩展程序 扩展程序是一些能够修改或增强 Chrome 浏览器功能的小程序。对于前端工程师而言,其最大的便阅读全文
posted @ 2017-12-08 11:20 ChokCoco 阅读(2199) 评论(13) 编辑
摘要: 不同于传统的 PC Web 或者是移动 WEB,在腾讯视频客厅盒子端,接大屏显示器(电视)下,许多能流畅运行于 PC 端、移动端的 Web 动画,受限于硬件水平,在盒子端的表现的往往不尽如人意。 基于此,对于 Web 动画的性能问题,仅仅停留在感觉已经优化的OK之上,是不够的,想要在盒子端跑出高性能阅读全文
posted @ 2017-11-17 15:36 ChokCoco 阅读(2433) 评论(3) 编辑
摘要: 承接上一篇你所不知道的 CSS 动画技巧与细节,本文主要介绍 CSS 滤镜的不常用用法,希望能给读者带来一些干货! 系列 CSS 文章汇总在我的 Github ,持续更新,欢迎点个 star 订阅收藏。 OK,下面直接进入正文。本文所描述的滤镜,指的是 CSS3 出来后的滤镜,不是 IE 系列时代的阅读全文
posted @ 2017-09-14 10:52 ChokCoco 阅读(6379) 评论(18) 编辑
摘要: 怕标题起的有点大,下述技巧如果你已经掌握了看看就好,欢迎斧正,本文希望通过介绍一些 CSS 不太常用的技巧,辅以一些实践,让读者可以更加深入的理解掌握 CSS 动画。 废话少说,直接进入正题,本文提到的动画不加特殊说明,皆指 CSS 动画。 正负旋转相消 嗯。名字起的很奇怪,好像数学概念一样。 (写阅读全文
posted @ 2017-08-28 12:42 ChokCoco 阅读(6475) 评论(15) 编辑