/sass-hero

Primary LanguageSCSS

sass-hero

Einführung

Sass Hero Projekt ScreenshotSass Hero Projekt Screenshot


🤗 Einleitung:

Dies ist ein Anfänger freundlich Spaß Sass Projekt.

Wir haben dass während unser HTML & CSS Module in DCI Front-end Web Dev Kurs erstellt.

📦 Verwendete Pakete:

  • Vanilla HTML5, CSS3 und Live Sass Compiler VS Code Extension

  • Lottie Animation von Lottie Files

// in HTML Head eingefügt
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>



// in Code verwendet

 <script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>

<lottie-player
    src="https://assets10.lottiefiles.com/packages/lf20_wg0utmug.json"
    background="transparent"
    speed="1"
    style="width: 500px; height: 500px"
    hover
    autoplay
></lottie-player>

Projekt Skizze 1


Projekt Skizze 2

💡 Sass Fähigkeiten betroffen:


  1. Die Fähigkeit, Sass mit Live Sass Compiler einzurichten

  1. Die Fähigkeit HTML und CSS Datei mit Scripts zu verknüpfen

  2. Die folgende Sass Eigenschaften in Front-end Projekte zu verwenden;

    • Variablen

    • Verschachtelung

    • Partials(_partial.scss-Dateien)

    • Module

    • Erweitern/Verererbung

  3. Die Fähigkeit Projekte mit GitHub zu verwalten.

Danke!