Design & Algorithmen Tutorial 2025, April

Es gibt dreieckige Unicode-Zeichen. Sie können in SVG ein Dreieck zeichnen. Es gibt aber auch eine andere Möglichkeit, ein Dreieck im Web zu zeichnen, das nur die Randeigenschaft und ein wenig CSS-Trick beinhaltet. "

Es gibt einige Bildlaufanimationen, die in CSS ohne JavaScript möglich sind. Schauen Sie sich einfach das Kapitel über den Bildlaufindikator an, das eindeutig CSS-Magie ist. Aber wir können eine Menge Scroll-Animationsarbeiten direkt in CSS mit nur ein paar Informationen ausführen, die von JavaScript bereitgestellt werden: Wie weit hat die Seite gescrollt? "

Die Box-Shadow-Eigenschaft ist offensichtlich nützlich für Lichtschatten hinter Elementen, die ein Gefühl von Dimensionalität und Trennung vermitteln. Aber Box-Shadow hatte einige Tricks im Ärmel, insbesondere, wie ein Box-Shadow nicht weich sein muss, gestapelt werden kann und nicht einmal besonders nahe sein muss. "

Sie können Hintergrundstreifen in CSS mithilfe eines linearen Verlaufs erstellen. Wir denken oft an einen Farbverlauf als Überblendung von einer Farbe zur anderen, aber der Trick bei Streifen besteht darin, überhaupt keine Überblendung zu haben. Stattdessen können wir "Farbstopps" an derselben Stelle angeben, sodass sich die Farbe sofort von eins ändert (...) "

Der vielleicht größte Trick im gesamten CSS-Raster besteht darin, ein Spaltenlayout zu schreiben, das die Anzahl der Zeilen oder Spalten nicht explizit deklariert, sondern sie automatisch basierend auf etwas losen Anweisungen und dem von Ihnen bereitgestellten Inhalt erstellt. "

Das Ziehen eines Elements über den Bildschirm ist etwas, das im Gebiet von JavaScript ziemlich fest verankert ist. Sie möchten Zugriff auf DOM-Ereignisse wie Klicks und Mausbewegungen. Aber wir sind hier, um über CSS-Tricks zu sprechen, also lasst es uns allein in HTML und CSS erledigen! "

Beschriftungen sollten "für" -Attribute haben, die mit der ID der Eingabe übereinstimmen, die sie beschriften. Dies bedeutet, dass wir dieses Attribut abfangen und in einem Selektor verwenden können, um "