Fotographie
Bildwechsel-Animationen
mit Javascript und CSS
Lampe
Fernsehturm Hamburg
Mercure Hotel Hamburg
Radisson Blu Hotel
Fernsehturm Sunset
Köhlbrandbrücke
Köhlbrandbrücke Blau
Hamburger Hafen
Hamburg Dungeon
Husum
Frida
Strandgut
Leuchtturm Dänemark
Dunkle Wolken
Lanzarote
Lanzarote Sunset
Schiffswrack
Rote Wolken
Meer
Die Hölle ist im Himmel
Burg
Neon Segelboot
Feuer
Cocktail
Lametta
Kronleuchter
Flechte
Gewölle
Straßenlampe
Disko-Kugel
Steine Mallorca 1
Steine Mallorca 2
Holo-Katzen
Projekte
Arbeiten
Animationen
Restlicht
Flower Power
Insekten
Znaniecki
Impressum
© 2026 Heino Cunze-Fischer
.downdr1 { -moz-animation-duration:4s; -webkit-animation-duration:4s; animation-duration:4s; } .downdr2 { -moz-animation-duration:5.5s; -webkit-animation-duration:5.5s; animation-duration:5.5s; } .downdr3 { -moz-animation-duration:7s; -webkit-animation-duration:7s; animation-duration:7s; } .downdr4 { -moz-animation-duration:8.5s; -webkit-animation-duration:8.5s; animation-duration:8.5s; } .downdr0,.downdr1,.downdr2,.downdr3,.downdr4 {animation-fill-mode:forwards} @-moz-keyframes dndreh { 0% {transform: translateY(0) rotate(0deg)} 1% {border:1px solid #00000080} 100% {transform: translateY(2000px) rotate(720deg);display:none} } @-webkit-keyframes dndreh { 0% {transform: translateY(0) rotate(0deg)} 1% {border:1px solid #00000080} 100% {transform: translateY(2000px) rotate(720deg);display:none} } @keyframes dndreh { 0% {transform: translateY(0) rotate(0deg)} 1% {border:1px solid #00000080} 100% {transform: translateY(2000px) rotate(720deg);display:none} }
.downdr0 { -moz-animation-duration:1s; -webkit-animation-duration:1s; animation-duration:1s; } .downdr1 { -moz-animation-duration:2s; -webkit-animation-duration:2s; animation-duration:2s; } .downdr2 { -moz-animation-duration:3s; -webkit-animation-duration:3s; animation-duration:3s; } .downdr3 { -moz-animation-duration:4s; -webkit-animation-duration:4s; animation-duration:4s; } .downdr4 { -moz-animation-duration:5s; -webkit-animation-duration:5s; animation-duration:5s; } .downdr0,.downdr1,.downdr2,.downdr3,.downdr4 {animation-fill-mode:forwards} @-moz-keyframes dndreh { 0% {transform: translateX(0) rotate(0deg) scale(1);filter:hue-rotate(0deg)} 1% {border:1px solid #00000080} 75% {transform: translateX(1500px) rotate(360deg) scale(0);filter:hue-rotate(45deg)} 100% {transform: translateX(2000px) rotate(720deg) scale(0);filter:hue-rotate(90deg);display:none} } @-webkit-keyframes dndreh { 0% {transform: translateX(0) rotate(0deg) scale(1);filter:hue-rotate(0deg)} 1% {border:1px solid #00000080} 75% {transform: translateX(1500px) rotate(360deg) scale(0);filter:hue-rotate(45deg)} 100% {transform: translateX(2000px) rotate(720deg) scale(0);filter:hue-rotate(90deg);display:none} } @keyframes dndreh { 0% {transform: translateX(0) rotate(0deg) scale(1);filter:hue-rotate(0deg)} 1% {border:1px solid #00000080} 75% {transform: translateX(1500px) rotate(360deg) scale(0);filter:hue-rotate(45deg)} 100% {transform: translateX(2000px) rotate(720deg) scale(0);filter:hue-rotate(90deg);display:none} }
.downdr1 { -moz-animation-duration:3s; -webkit-animation-duration:3s; animation-duration:3s; } .downdr2 { -moz-animation-duration:3.5s; -webkit-animation-duration:3.5s; animation-duration:3.5s; } .downdr3 { -moz-animation-duration:4s; -webkit-animation-duration:4s; animation-duration:4s; } .downdr4 { -moz-animation-duration:4.5s; -webkit-animation-duration:4.5s; animation-duration:4.5s; } .downdr0,.downdr1,.downdr2,.downdr3,.downdr4 {animation-fill-mode:forwards} @-moz-keyframes dndreh { 0% {transform: rotate(0deg);filter:hue-rotate(0deg) opacity(1);border-radius:0} 100% {transform: rotate(720deg) scale(2);filter:hue-rotate(90deg) opacity(0);border-radius:80px;display:none} } @-webkit-keyframes dndreh { 0% {transform: rotate(0deg);filter:hue-rotate(0deg) opacity(1);border-radius:0} 100% {transform: rotate(720deg) scale(2);filter:hue-rotate(90deg) opacity(0);border-radius:80px;display:none} } @keyframes dndreh { 0% {transform: rotate(0deg);filter:hue-rotate(0deg) opacity(1);border-radius:0} 100% {transform: rotate(720deg) scale(2);filter:hue-rotate(90deg) opacity(0);border-radius:80px;display:none} }
.downdr0 { -moz-animation-duration:1s; -webkit-animation-duration:1s; animation-duration:1s; } .downdr1 { -moz-animation-duration:2s; -webkit-animation-duration:2s; animation-duration:2s; } .downdr2 { -moz-animation-duration:3s; -webkit-animation-duration:3s; animation-duration:3s; } .downdr3 { -moz-animation-duration:4s; -webkit-animation-duration:4s; animation-duration:4s; } .downdr4 { -moz-animation-duration:5s; -webkit-animation-duration:5s; animation-duration:5s; } .downdr0,.downdr1,.downdr2,.downdr3,.downdr4 {animation-fill-mode:forwards} @-moz-keyframes dndreh { 0% {transform: rotate(0deg)} 20% {transform: rotate(360deg) scaleX(2) scaleY(0.25)} 100% {transform: translateX(2000px) rotate(360deg) scaleX(2) scaleY(0.25);display:none} } @-webkit-keyframes dndreh { 0% {transform: rotate(0deg)} 20% {transform: rotate(360deg) scaleX(2) scaleY(0.25)} 100% {transform: translateX(2000px) rotate(360deg) scaleX(2) scaleY(0.25);display:none} } @keyframes dndreh { 0% {transform: rotate(0deg)} 20% {transform: rotate(360deg) scaleX(2) scaleY(0.25)} 100% {transform: translateX(2000px) rotate(360deg) scaleX(2) scaleY(0.25);display:none} }