Artikeleinführung von Wulin.com (www.vevb.com): Lernen Sie jeden Tag ein wenig HTML5+CSS3, sammeln Sie die Erfahrung langsam und beginnen Sie von den Grundlagen. Im Folgenden wird hauptsächlich einfache Spielerschaltflächen eingeführt.
Lernen Sie jeden Tag ein wenig HTML5+CSS3, sammeln Sie die Erfahrung langsam und beginnen Sie mit den Grundlagen. Im Folgenden wird hauptsächlich das Zeichnen einfacher Spielerschaltflächen eingeführt.
Lassen Sie uns zunächst sehen, wie der Rand der Einstellung aussieht, wenn die Breite und die Höhe des DIV 0 sind?
Der Code ist wie folgt:
1
Die Operationsrenderungen sind wie folgt:
Können wir also etwas von diesem Bild sehen?
Wenn wir drei der Grenzen entfernen, können wir ein Dreieck zeichnen? Die Antwort lautet ja. Mit nur einem Code können Sie ein Dreieck zeichnen:
Wirkung:
Jetzt ist es einfach, die Player -Taste zu zeichnen. In Kombination mit einigen Tipps von Lernnoten und ein wenig Anpassung des Code, um das obige Dreieck zu zeichnen, ist es einfach, die letzte Player -Taste zu zeichnen.
Der Code ist wie folgt:
1
Spielerknopf
Wirkung:
Zusammenfassung: Dieses einfache Beispiel verwendet hauptsächlich die Verwendung von Grenzen, um Dreiecke zu zeichnen und sich leicht zu verwandeln, z. B. die Veränderung der Breite des Randes oder der Größe des DIV, um andere grundlegende Grafiken zu zeichnen. Darüber hinaus werden abgerundete Ecken, Schatten und Grafiktransformationen in CSS3 verwendet.