ターゲットバトル
おい、皆さん.
この記事はTarget#2
CSSBattle
最初のアプローチでは、必要な結果を生成するために線形勾配を使用することができます.
あなたが線形勾配についてもっと知りたいならば、あなたは に言及することができます
MDN over here.
次のアプローチは以下の通りです
コードは非常に自己説明です.
一番上の解決策は69文字でしたが、そのような少量のコードでどうやってそれができるのだろうか.
同じことをするあなたの方法をコメントしてください.
滞在は、毎日の更新CScBeginning上のすべての課題については調整.
接続したいですか?
この記事はTarget#2
CSSBattle
最初のアプローチでは、必要な結果を生成するために線形勾配を使用することができます.
<style>
*{background:#62374e}
body{margin:50;
background:linear-gradient(
to right,
#fdc57b00 50px,#62374e 50px,
#62374e 250px,#fdc57b00 250px),
linear-gradient(
to bottom,
#fdc57b 50px,#62374e 50px,
#62374e 150px,#fdc57b 150px)
これは、空白を除去した後に220文字まで縮みます.あなたが線形勾配についてもっと知りたいならば、あなたは に言及することができます
MDN over here.
次のアプローチは以下の通りです
<p></p>
<p id="a">
</p><p style="right:0">
</p><p style="bottom:0"></p>
<style>
*{margin:0;background:#62374e}
#a{right:0;bottom:0}
p{margin:50;
width:50;height:50;
background:#fdc57b;
position:fixed
これは、私の最短の解決は192文字に凝縮した.コードは非常に自己説明です.
一番上の解決策は69文字でしたが、そのような少量のコードでどうやってそれができるのだろうか.
同じことをするあなたの方法をコメントしてください.
滞在は、毎日の更新CScBeginning上のすべての課題については調整.
接続したいですか?
Reference
この問題について(ターゲットバトル), 我々は、より多くの情報をここで見つけました https://dev.to/prakhart111/cssbattle-target2-5dk4テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol