1. 首页
  2. css

你为什么要在CSS中这么做?

通常是某种CSS实验,通常是一个精心设计的绘图或交互。

例如,你看过林恩·费舍尔(Lynn Fisher)的《非同寻常的单个Div项目》吗?不仅所有这些图形都是用HTML和CSS绘制的,而且它们都是用一个<div></div>创建的。她为什么要那样做?这里有一个相关的可能性:这不关我们的事。我们可以自由地想一想,甚至可以问是否做得足够尊重。但这真的重要吗?让我们停止假设她不知道她在做什么,假设这是一种扭曲的痛苦,或者她不知道其他技术。看看她用CSS和一个div.wake绘制官方SVG徽标的例子。我写了一整本关于SVG的书,因为我认为它没有被充分利用。有没有\”CSS绘图\”,我认为作为一个生产网站的SVG,最好是持久的?当然可以。

这个怎么样?那是另一回事。我一眼就能猜到格林斯托克是幕后黑手。说到这里,格林斯托克在CSS技巧上提倡一些智能动画技术。其中一部分是将动画分解成多个部分,并将它们拼接成更大的时间线,以便于维护和\”不受过程的束缚\”。

那么,朱莉娅·穆扎法罗娃做错了吗?当然不是。如果有一个错误的方式来动画一个卡通时髦的自行车在这个世界上,我不想住在这里了。它有2100行细致的定位、着色和动画。见鬼,如果你真的需要抓住一些\”实用\”的东西,它在一些电子邮件客户机中也能工作。Level Studios的UI开发人员莎莎Tran去年分享了她在CSS中创建绘图的故事。她在新年期间连续20天每天都画些新东西。

即使我在手绘插图方面没有天赋,也有一种通过其他媒介表达自己的方式。我发现这个媒介是在HTML和CSS中。为了提高水平,达到我可以创作可爱艺术品的程度,我专注于两件事:基础和一致性。使用基本的CSS形状(如矩形)和基本属性(如border radius overtime)让我的肌肉记忆力提高到更复杂的插图。

一个月内显著提高,并发展出更好的CSS肌肉记忆力。呵呵。说到形状,有很多方法可以让CSS中的那些变得棘手!

你可以说,把边界推向不切实际的东西,是磨练我们在其他工作中技能的方法。

你可以说,强迫自己受限是创造力的燃料。

你可以说,在这些工作中创造性地扩展你的大脑强制条件有助于建立你的信心,拓宽你的工具箱。

你可以说这很有趣。

你为什么要在CSS中这么做? 为WP2原创文章,链接:https://www.wp2.cn/css/%e4%bd%a0%e4%b8%ba%e4%bb%80%e4%b9%88%e8%a6%81%e5%9c%a8css%e4%b8%ad%e8%bf%99%e4%b9%88%e5%81%9a%ef%bc%9f/

发表评论

您的电子邮箱地址不会被公开。