100 天 CSS 插图(51-60)
由 Mux 主办的 DEV 全球展示挑战赛:展示你的项目!
以下是我过去十天里创作的十幅插图/绘画作品。点击图片即可查看包含代码的完整插图,点击此处可查看包含所有作品及一些变体的 CodePen 合集。
第51天:雪人
这是我很久以前为一款游戏绘制的雪人形象,但我最终并没有发布。
第52天:恶魔
我在Codepen上的粉丝即将达到 666 人,所以最初的我决定画一幅描绘恶魔的卡通画。
第53天:小狗
当我开始从零开始画这个卡通形象时,它很快就变得像索尼克……所以我稍微修改了一下,把它变成了一只狗。这里有一个视频,展示了创作过程。
第54天:穿着HTML T恤的人
这篇我提前一天发布,时间很紧,不过效果还不错。我还把制作过程录了下来,上传到了YouTube。
第55天:锦鲤鱼
这幅漫画是根据Urban Threads在Pinterest页面上的这幅画创作的。我非常喜欢这幅画的简洁风格,也很喜欢这些彩色的鱼。
第56天:彼得·格里芬
极简主义风格的彼得·格里芬,他是电视节目《恶搞之家》中的角色。
第57天:自行车
此插图基于Andrew Pons在 Dribbble 上为Big Vision创作的“ M is for Motion ”作品。由于使用了圆锥渐变,因此在 Firefox 浏览器上的显示效果可能略有不同。
第58天:CSS Mafalda
奎诺是西班牙语世界最具前卫性和启发性的漫画家之一。他于2020年9月30日去世。玛法达是他最受欢迎的角色之一。
第59天:超人/克拉克·肯特
将鼠标悬停在超人身上,画面就会改变颜色和形状,并过渡到克拉克·肯特。我录制了整个制作过程,可以在 YouTube 上观看。
第60天:想念夏天
我一直想做个风景动画。这个动画比较简单(只有6div秒),还加入了舒缓的波浪动画。









