介绍 出门忘带电源线，快递到了终于可以继续水文章了。好不容易获得一个面试机会，面试官很 Nice，可惜的是当时处于懵逼状态，错过了大好的机会： 面试官：巴拉巴拉吧…… 我：嗯，啊，这个，那（吱吱呜呜）…… 面试官：你知道怎么绘制三角形嘛？ 我：主要是利用了 border 和 transparent 这两个属性。其余边设置为 transpa...

在 JavaScript 中，我们可以利用变量，DOM 来保存状态，而 CSS 当中，我们也可以利用伪类选择器来保存状态，这就是 CSS 搞事的核心了。

介绍 其实这篇文章写到一大半时它的名字还叫做 《重温 Flex 布局》，结果写着写着就走了心，附上一图表示心情吧： 其实我并不是一个喜欢搞事的人，真的，从我游戏：屠夫沉默（DOTA2），盖伦（LOL），亚瑟（农药）的英雄池完全可以看出来。 这三个元素作为这个 《CSS 搞事技巧》的第一篇并非仅仅是在接下来的 《重温 Flex...

介绍 最近突然回想到之前看过的一个动画，是一个正方体向球体表示爱意，被拒绝，改变自己的小动画。 找了半天终于找到了，个人感觉是一个很棒的动画，强烈安利： 《方块》 效果预览 github.io 浏览 源代码地址 [链接] 代码解读 1. 导演上场 这个动画中存在镜头转换，所以我们需要一个导演把控全局，写个简单效果进行测试...

刚准备写的时候想着我 CSS 已经熟练了，随便写写应该就差不多了吧，15分钟才写了个半成品，还丑的很，一定是这十来天美誉写 CSS 的原因（甩锅）。

介绍 原文链接感謝 comehope 大佬的 [前端每日实战] 效果预览 github.io 浏览 源代码地址 [链接] 代码解读 1. html 结构 命名规则使用了 BEM {代码...} 常规样式初始化 {代码...} 2. 街道背景 街道背景分为两部分 深蓝色的天空 {代码...} 黑色的地面 {代码...} 3. 超市 超市, 首先创建一个长方形代表超市 {代码...} 接着...

介绍 原文链接感謝 comehope 大佬的 [前端每日实战] 效果预览 github.io 浏览 源代码地址 [链接] 代码解读 1. 首先是完成 html 结构 {代码...} 常规样式初始化 {代码...} 2. 天上的星星 原文中星星是固定位置并且不会闪烁的 而这里我们将会改变这一状态, 而且为了避免重复手动给星星固定位置及大小, 所以采用了 d3 库来...

工作三个月觉得糟糕跑路(顺带劝一下像我一样的新人, 不要急于入职, 一定要挑一挑)回家重新补充了一下基础知识及 node, 身为一个前端结果发现 CSS 已经手生了, 为了明年能够找到工作, 所以又开始练习了...

已经有了 100+ 的练习, 但这种练习并非刻意针对自己薄弱的问题, 而且对于一些概念还处于 -- "哦, 啊哈, 我懂了(其实并不懂)" 这种自欺欺人的状态

介绍 原文设计来源 感謝 comehope 大佬的 前端每日实战 对我的启蒙 该文仅对是原文进行一部分的分析及分享, 有兴趣的建议查看原文 效果预览 github.io 浏览 源代码地址 [链接] 代码解读 定义容器 halloween-switcher , 通过 checkbox 来实现切换 {代码...} 引入字体, 居中显示: {代码...} 设置实际容器 label 大小 {代码...