Lädt...


🔧 Anime


Nachrichtenbereich: 🔧 Programmierung
🔗 Quelle: dev.to

This is a submission for Frontend Challenge - December Edition, Glam Up My Markup: Winter Solstice

What I Built

CSS

*{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

body{
overflow-x:hidden ;
}
.main-width{
width: 1400px;
max-width: 95%;
margin: 0 auto;
}
.hero{
height: 100%;
width: 100%;
min-height: 100vh;
background-image: url(Tanjiro1.png);
background-size: 100%;
background-repeat: no-repeat;
}

.hero header .logo h2 a{
display: block;
font-size: 30px;
font-weight: 600;
text-decoration: none;
color: white;
font-family:'Noto Sans JP', sans-serif;
}

.hero header{
display: flex;
align-items: center;
justify-content: space-between;
padding: 40px 0 30px;

}

nav ul li{
list-style: none;
display: inline-block;

}

nav ul li a{
text-decoration:none;
color: aliceblue;
margin-left: 80px;
font-size: 20px;
font-weight: 600;
border-bottom: 2px solid white;
transition: 4s;

}

nav ul li:not(:last-child) a:hover
nav ul li:not(:last-child) a:focus{
border-bottom: 2px solid white;

}

nav ul li.active a{
border-bottom: 2px solid white;
}

nav ul li.btn a{
background: transparent;
color: white;
border: 1px solid #f5dca8;
padding: 9px 20px;
border-radius: 80px;
line-height: 1.4;
font-size: 18px;
font-weight: 600;
margin-left: 150px;

}

nav ul li.btn:hover a{
border: 1px solid white;
color: black;
background: white;
transition: .4s;

}

.content{
padding-top: 140px;
}

.content .main-text{
position: relative;
z-index: 2;
margin-bottom: 50px;

}

.content .main-text h6{
font-size: 14px;
font-weight: 400;
color: white;
margin-bottom: 40px;

}

.content .main-text h1{
font-size: 60px;
line-height: 1;
color: white;
margin: 0px 0px 45px;
font-family: 'Permanent Marker', cursive;

}

.content .main-text p{
max-width: 100%;
width: 480px;
color: white;
line-height: 1.8;
font-size: 15px;
margin-bottom: 50px
}

.content .main-text a{
display: inline-block;
text-decoration: none;
color: black;
background: white;
border: 1px solid white;
padding: 9px 25px;
line-height: 1.4;
border-radius: 30px;
font-size: 14px;
font-weight: 500;

}

.content .main-text a:hover{
transform: scale(1.2);
border: 1px solid #f5dca8;
background: transparent;
color: white;
transition: .4s;

}

HTML

<!DOCTYPE html>




Anime








鬼滅の刃




  • Seasons
  • Episodes
  • Manga
  • Play Now





#1 Best Anime
It is a Japanese manga series written and illustrated by Koyoharu Gotōge,

Demon Slayer


A family is attacked by demons and only two members survive - Tanjiro and his sister Nezuko, who is turning into a demon slowly. Tanjiro sets out to become a demon slayer to avenge his family and cure his sister.....


Watch Now





This is my anime website exclusive to me it has best animated buttons and smooth transitions

All the rights Swally Belong to me

...

📰 Anime-Releases 2025 Winter: Liste der neuen Anime-Serien


📈 23.39 Punkte
📰 IT Nachrichten

🔧 Construisez une application de streaming d’anime : Un guide inspiré par Anime Sama APK


📈 23.39 Punkte
🔧 Programmierung

🐧 What Is Anime? What Is The Most Popular Anime?


📈 23.39 Punkte
🐧 Linux Tipps

🐧 10 Anime Streaming Apps For Android & iOS To Watch Anime In 2024


📈 23.39 Punkte
🐧 Linux Tipps

📰 World's Largest Japanese Anime Database 'Anime Taizen' Opens To the Public


📈 23.39 Punkte
📰 IT Security Nachrichten

🐧 7 Free Anime Streaming Sites To Watch Anime Online And Legally In 2021


📈 23.39 Punkte
🐧 Linux Tipps

📰 Top 10 Best Anime Movie Sites 2019


📈 11.7 Punkte
📰 IT Security Nachrichten

📰 Ni no Kuni II: Der Gamescom-Trailer zum Anime-Rollenspiel


📈 11.7 Punkte
📰 IT Security Nachrichten

🐧 What is the Anime Rifts Trello Link


📈 11.7 Punkte
🐧 Linux Tipps

📰 Die 20 besten Anime-Serien und -Filme aller Zeiten: Highlights und echte Geheimtipps!


📈 11.7 Punkte
📰 IT Nachrichten

📰 Hype auf Netflix: Am 7. Oktober müssen Anime-Fans unbedingt einschalten


📈 11.7 Punkte
📰 IT Nachrichten

📰 Dank Netflix: Kult-Anime feiert nach 13 Jahren großes Comeback


📈 11.7 Punkte
📰 IT Nachrichten

📰 Anime-Weihnachtsfilme 2024: Wunderschöne Animationen zaubern festliche Stimmung in die Feiertage!


📈 11.7 Punkte
📰 IT Nachrichten

📰 Square Enix teilt neue Informationen zu der Anime-Adaption von The World Ends With You


📈 11.7 Punkte
📰 IT Nachrichten

📰 &quot;Das wandelnde Schloss&quot;: Studio Ghiblis Anime-Klassiker startet bei Netflix


📈 11.7 Punkte
📰 IT Nachrichten

📰 Kaiju No. 8: Anime im Stream und auf Deutsch schauen – Staffel 1


📈 11.7 Punkte
📰 IT Nachrichten

📰 Was heißt „Ara Ara“? Bedeutung bei Anime, TikTok & Co


📈 11.7 Punkte
📰 IT Nachrichten

📰 Netflix: Realserie zum Kult-Anime Cowboy Bebop startet im Herbst


📈 11.7 Punkte
📰 IT Security Nachrichten

📰 Xbox One Deals: Neuer Sale mit vielen Spiele-Hits & großer Anime Month Sale


📈 11.7 Punkte
📰 IT Nachrichten

📰 Anime Expo 2021 abgesagt


📈 11.7 Punkte
📰 IT Nachrichten

📰 Anime Studio, Khara, Is Planning To Use Open-Source Blender Software


📈 11.7 Punkte
📰 IT Security Nachrichten

📰 Anime-Fans aufgepasst: Fast-Food-Riese McDonald’s erobert die Zeichentrickwelt


📈 11.7 Punkte
📰 IT Nachrichten

📰 NyArch Linux is the cutest distribution for fans of anime and manga


📈 11.7 Punkte
📰 IT Nachrichten

📰 Ranma 1/2: Wo ihr die Folgen der Anime-Neuauflage im Stream seht


📈 11.7 Punkte
📰 IT Nachrichten

📰 Netflix macht's asiatisch: Altered Carbon und Pacific Rim bald als Anime


📈 11.7 Punkte
📰 IT Security Nachrichten

📰 Pokémon Sonne und Mond im Test: Alola-Anime mit Kameraproblemen


📈 11.7 Punkte
📰 IT Nachrichten

📰 Kaum einer kennt das Feature der Midjourney-KI: Genialer Anime-Mode generiert umwerfende Bilder


📈 11.7 Punkte
📰 IT Nachrichten

📰 PS5 und Xbox Series X: Bandai Namco kündigt Next-Gen-Version zu diesem Anime-Beat 'em up an


📈 11.7 Punkte
📰 IT Nachrichten

📰 Real life Jujutsu Kaisen: Diese Orte in Tokyo sind die Kulisse des Anime-Hits


📈 11.7 Punkte
📰 IT Nachrichten

📰 Der Herr der Ringe: Epischer Anime um die Schlacht der Rohirrim


📈 11.7 Punkte
📰 IT Nachrichten

📰 „DanDaDan“: Release und Besetzung vom Anime


📈 11.7 Punkte
📰 IT Nachrichten

📰 Anime als Realfilm: Henry Cavill spielt in Voltron mit


📈 11.7 Punkte
📰 IT Nachrichten

🐧 5 Best Free Kissanime Alternatives In 2020 For Anime Lovers


📈 11.7 Punkte
🐧 Linux Tipps

🪟 Use FaceRig on PC to turn yourself into an vtuber anime girl, for reasons


📈 11.7 Punkte
🪟 Windows Tipps

📰 Dub & Sub: Unterschied und Bedeutung bei Filmen, Serien, Spielen & Anime


📈 11.7 Punkte
📰 IT Nachrichten

matomo