100天CSS插图(1-10)

2025-05-24

100天CSS插图(1-10)

作为一个个人趣味项目,我挑战自己在100天内完成100幅CSS绘图。今天是一个里程碑:10天,所以我决定分享一下我目前完成的作品(稍微炫耀一下,我对其中一些作品感到非常自豪😊)。

这是我过去10天创作的10幅插图/素描。点击图片可查看包含代码的完整插图点击此处可查看包含所有插图及一些变体的CodePen合集

第一天:鲨鱼

这是我上周做的CSS 游戏的一部分,也是引发整个绘画项目想法的起点。

鲨鱼卡通

第二天:人的思考

这幅作品和榜单上的其他作品一样,灵感/基于 Dribbble 上的一幅插图。尤其值得一提的是,这幅作品的灵感来源于Olga Semklo 的《Faces》

人思考卡通

第三天:蜂鸟

另一个来自 Dribbble 的作品。灵感来自 Ivan Bobrov 在 Dribbble 上创作的蜂鸟(这个这个)。为了挑战一下,我只用了半圆(虽然我稍微拉长了一点,算是作弊了)。

蜂鸟卡通

第四天:面部

这部动画片是从零开始创作的,我真的很喜欢它的效果,带着一种居高临下的表情和假笑。

留着小胡子的男人微笑着

第五天:拿着气球的怪物

又一个从零开始的作品。这个作品是基于我五六年前为女儿创作的一系列动画片。

拿着气球的红色怪物

第六天:《艾斯·文图拉》漫画

又一个从零开始的作品。一开始只是涂鸦,没有明确的目标,后来突然冒出要画一个艾斯·文图拉的漫画,但一直没能找到合适的表达方式。

艾斯·文图拉漫画

第七天:极简狗

基于Ahsan Kahn 在 Dribbble 上创作的 Coffee Dog。我加了一些耳朵,但效果不太满意,所以后来把它们藏起来了。

微笑的狗

第八天:哈利·波特

我从零开始画了两个版本的漫画。一个是下面这个版本,另一个是哈利瘦了一点的版本,因为我女儿说这个版本看起来不太像哈利·波特。

哈利·波特动画片

第九天:红衣主教

基于Jord Riekwel在 Dribbble 上发布的《红雀》。后来我又尝试用不同的颜色做了几个版本,想把它变成一只蓝鸟,但都不如原版酷。

替代文本

第 10 天:个人资料

我也非常喜欢这个......即使它没有达到它所基于的原版的水平:Rogie 的 Swiss Beatz(比我的更具表现力和更好 1,000 倍)。

轮廓


暂时就这些了。希望10天后能有10个😊

文章来源:https://dev.to/alvaromontoro/100-days-of-css-illustrations-1-10-2134
PREV
贝佐斯的计算器
NEXT
使用 React 和 Firebase 在 5 分钟内构建一个实时聊天应用程序 目录 我们正在构建什么?创建一个 React 应用程序 创建一个 Firebase 项目 定义 UI Google 身份验证 从 Firestore 实时读取数据 将数据添加到 Firestore 奖励 下一步是什么? 结论 成为一名 React 开发者