下面总结了一些常用又有趣的css技巧，希望大家收藏，以减少查资料的时间。 css自带的border-style属性 dotted/ dashed . 效果展示出来太密了，并不符合UI设计 为了实现该效果，它需要组合其他外来的WebKit属性。常见结合属性： display: -…

方案一：直接让设计给一个gif图片即可。 但是这种方案的缺陷就是gif本身是不透明的，而且我们无法去加一个特殊样式，只能依靠设计给什么样的效果，我们就显示什么样的效果。 方案二：采用js去实现，但是很麻烦。 方案三：完全采用css去实现，无需加载其他资源，而且可以定制开发。 使…

这篇文章将会介绍一个很有意思的动画效果，它能让 Flutter 的页面显得更加友好，同时本文也将展示如何使用 simple_animations 库，在 Flutter 上轻松地实现如下图所示的动画效果。 动画所需要展示的效果是：由平滑过渡的渐变背景组成，并且在文字下面会有多个…

瀑布流， 又称瀑布流式布局，是比较流行的一种网站页面布局。视觉表现为宽度相等高度不定的元素组成的参差不齐的多栏布局，随着页面向下滚动，新的元素附加到最短的一列而不断向下加载。 ​瀑布流本质上就是寻找各列之中高度最小的一列，并将新的元素添加到该列后面，只要有新的元素需要排列，就…

2019 年最后一发，谈谈这半年 Electron 应用开发和优化心得。干货也挺多，希望能给你带来一点启发。 下半年可以拿出来说一说的项目，估计就是我们用 Electron 重构了一个桌面端应用。这个应用类似于钉钉或者企业微信，主要功能有即时通信、语音/视频、会议，基本功能和交…

下述翻译仅代表作者观点，如果错误，请及时指正child：父级下的所有子元素:nth-child:nth-last-child:first-child:last-child:only-childtype

哈哈，趁着平安夜来凑凑热闹，其实很久之前就做过一个类似功能的毕业季生成邀请函小应用。这种有关图像合成的应用其实只需要熟悉h5中canvas的相关API和一点几何常识就ok了，是很容易实现的，这里就带大家探究一下实现的过程。再加上最近会有一大波节日到来，相信这个小工具值得你的拥有…

一篇专注于 CSS 动画的工具、框架以及学习教程的文章，与你分享。希望能帮你更好的学习 CSS 动画，节约你搜索资料的时间。

今天我们来继续复盘一些工作中常用的css技巧和知识,以便我们可以更加优雅的用css实现富有动感的网站. 以上几个方案都可以实现一定程度上的换肤效果,但是如果是一些基础性的换肤,比如网站的背景样式,某个按钮的样式,某块内容区域的样式等等这种局部的换肤,我们能不能直接用css来实现…