Überschrift h1

der coole Lukipod

Überschrift h3

Lukipod

Alle Farben h1 { background-color: lightblue; font-size: 60px; margin-top: 50px; margin-bottom: 50px; } h2 { background-color: orange; } h1,h2{ padding: 30px; } h3 { background-color: yellow; display: inline-block; padding: 20px; color: purple !important; position: absolute; right: 500px; top: 70px; } #kreis{ display:block; width: 200px; height: 200px; background-color: orange; border: 3px solid blue; border-radius: 100px; transition: all 3.0s ease-in-out; transform: scale(1,1) } #kreis:hover{ border-top-right-radius: 800px; background-color: black; width: 200px; height: 200px; border-width: 0; /*margin-left: 800px;*/ transform: scale(0.5,20) } #viereck{ display:block; width: 200px; height: 200px; background-color: purple; border: 3px solid blue; border-radius: 10px; transition: all 3.0s ease-in-out; transform: rotate(0deg); } #viereck:hover{ border-top-right-radius: 800px; background-color: red; width: 200px; height: 200px; border-width: 0; margin-left: 0px; transform: rotate(18000deg); } h4 { background-color: yellow; } #dreieck{ display: block; background-color: red; width: 100px; height: 200px; border: 4px solid ; border-radius: 50px; transition: all 4.0s ease-in-out; transform: rotate(0deg); } #dreieck:hover{ border-top-right-radius: 100px; background-color: black; width: 100px; height: 20px; border-width: 0; margin-left: 2000px; margin-top: -500px; transform: rotate(20000deg); } #button{ background-color: black; color: white; display: inline-block; border-radius: 3rem; padding: 10px 20px; border: 1px solid black; border-radius: 90px; transition: all 0.5s ease-in-out; margin-bottom: 100px; } #button:hover{ background-color: white; color: black; border-width: 1; margin-left: 100px; } #button2 { background-color: black; color: white; display: inline-block; border-radius: 3rem; padding: 10px 20px; border: 1px solid white; font-weight: bold; transition: all 0.15s ease-in-out; text-transform: uppercase; } #button2:hover { background-color: white; color: black; border-color: black; text-decoration: none; }