hover/ onmouseover

Ich hatte schon lange vor mal einen Bildeffekt zu schreiben, der mittels :hover und onmouseover mehrere Overlays erzeugt. Heute hab ich es ausprobiert und es funktioniert :)Hier mein hover-/onmouseover-Effekt mit einem David Bowie Image, von dem ich die Farben jeweils verändert habe, damit sich die Images voneinander unterscheiden und das Gesamtbild somit effektreicher gestalten : …

hover/ onmouseover weiterlesen

Bild per Klick vergrößern: JS & CSS

Bin gerade dabei, eine einfache Foto-Gallery vom Kopf heraus zu schreiben. In diesem Fall sind es verlinkte Images, die mittels hover, den border-radius langsam mit einer transition ändern und zusätzlich noch Farbe wechseln. Momentan öffnen sich die Bilder im neuen Fenster (_blank), doch ich möchte nun versuchen mittels Javascript, die Bilder im Popup zu vergrößern, …

Bild per Klick vergrößern: JS & CSS weiterlesen

Javascript: onmouseover – Banner wechselt Hintergrundfarbe

Heute hab ich ein bisschen mit dem Javascript-Befehl "onmouseover" herumprobiert. Mit jenem Befehl kann man beim Darüberfahren mit der Maus, diverse Änderungen vornehmen, ähnlich wie mit dem Hovereffekt. In meinem Fall hab ich ein Blockelement (div) mit einer ID erstellt und innerhalb dieses Blockelements ein weiteres Div mit einem transparenten background-image eingefügt. Den Onmouseover-Befehl fügte …

Javascript: onmouseover – Banner wechselt Hintergrundfarbe weiterlesen

Wochenende

Dieses Wochenende war ich recht fleißig, ich habe viel geübt und mir das YScale-Menü im Groben und Ganzen eingeprägt, ich kann es vom Kopf heraus niederschreiben. Ein paar Fragen dazu hab ich noch, weil es mir nicht so ganz gelingt es der Vorlage entsprechend identisch nachzubauen, insofern ich sie nicht kopiere^^Doch ich bin zufrieden, mehr …

Wochenende weiterlesen

Donnerstag – :-)

Heute hab ich mir, bezüglich meines Projektes, ein Feedback vom Profi geholt und ich bin echt froh darüber, dass es passt und nur zwei, drei kleine Dinge abgeändert werden sollten. Ich hatte bspw. dem <nav> Hintergrund eine andere Farbe zugeteilt, als dem Menü selbst, was irgendwie störend auf das Responsive-Design wirken könnte. Mein <hr> Image …

Donnerstag – 🙂 weiterlesen

Wochenende

Am Wochenende möchte ich an meiner Projektseite arbeiten und diese - erneut - komplett umbauen. Ich weiß nicht warum das so ist, aber ich schaffe es nicht ein Projekt zu beenden...ich fange immer wieder von vorn an, doch diesmal sollte es der schlussendliche Entwurf sein. Dasselbe gilt auch für meine Bilder, ich könnte keines meiner …

Wochenende weiterlesen

GEWONNEN! 1. PLATZ!! =)

Mein Sternenhimmel hat gewonnen =) Ich bin äußerst glücklich darüber, dass unser Trainer meinen Himmel als Gewinneranimation ausgesucht hat, denn das wollte ich natürlich auch erreichen 🙂 😀 nö, es war nicht die Belohnung, die mich anspornte, an diesem Himmel zu arbeiten, es ging mir mehr darum zu erreichen, dass er gefällt ...es war eine …

GEWONNEN! 1. PLATZ!! =) weiterlesen

HTML/CSS – Sternenhimmel

Mein schimmernder Sternenhimmel ist fertig. Ich bin zufrieden damit, obwohl ich einige Sterne mehr auf dem Himmel haben wollte, doch im Groben und Ganzen gefällt es mir. Ich kann ja noch weiter daran arbeiten 😉 Mein animierter Sternenhimmel 🙂 https://youtu.be/zK8WzPmo27Q xD Das waren noch Zeiten...xD als die Stars die Bühne im Pyjama bzw. Nachthemd betraten …

HTML/CSS – Sternenhimmel weiterlesen

Javascript

Bin gerade wieder dabei mit Javascript anzufangen. Ich hatte ja schon mal damit begonnen, aber dadurch, dass ich über einen längeren Zeitraum hinweg aufgehört hatte zu lernen, muss ich nun wieder von vorn beginnen, weil ich mittlerweile alles vergessen habe 😀 ... wobei das nicht schlimm ist, weil ich damals nur Übungen zu den Variablen …

Javascript weiterlesen

Buttons

Am Wochenende hatte ich ein paar Buttons angefertigt, die mittels Hovereffekt Farbe wechseln-, eine Überschrift sichtbar machen- und gleichzeitig nach oben springen sollen. Heute werde ich sie testen und gucken, ob man noch zusätzlich einen Gloweffekt anbringen kann. Ich bin schon gespannt darauf und hoffe natürlich, dass sie auch gut aussehen werden. Nur schade, dass …

Buttons weiterlesen