Hinzufügen übergang beim laden einer web-Seite
Ist es möglich, den übergang wie beim laden einer web-Seite wie beim hover ein div mit der übergangs-Effekt.
Beispiel: cubeupload.com
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ist es möglich, den übergang wie beim laden einer web-Seite wie beim hover ein div mit der übergangs-Effekt.
Beispiel: cubeupload.com
Du musst angemeldet sein, um einen Kommentar abzugeben.
Können Sie das tun, aber nicht direkt aus der box mit css3 und html5 nur! was Sie tun können, auch ohne sich auf schwerere frameworks für verschiedene element ein onload-events und fügen Sie eine css-Klasse, wenn das onload-events sind brennen!
können sagen, Sie machen Ihrem Körper die css wie folgt Aussehen :
dann könnten Sie etwas tun, wie dies in javascript :
in einigen Browsern die
this
variable innerhalb des body-element wird nicht wirklich erkannt, es ist besser, verwenden Sie document.Körper statt!dies gibt Ihnen die Freiheit zu spielen mit verschiedenen css-Eigenschaften auf einmal in css
transform : all 1s ease;
ohne den Aufwand für die Einarbeitung in neue frameworks an alle!Hier ist ein funktionierendes Beispiel
Hinweis : Dies ist, wie gewünscht, eine html5/css3-Lösung! ältere browser kein css unterstützen
transitions
oder dieclassList
Eigentum!Natürlich.
Verwenden Sie einfach jQuery und jQuery.blockUI plugin und verwenden Sie code wie:
In diesem Fall, wenn die Seite bereit der block angezeigt wird, und wenn die ganze Seite geladen ist, block ist, einfach versteckt. 🙂
Wenn Sie wollen, dass die ganze Seite zu haben, der einen übergang Effekt:
Album Vorhören jsFiddle: http://jsfiddle.net/tXeks/
Beispielsweise von deinem Beispiel, eine Reine CSS-Lösung:
Ist, dass der link text Farbe weiß auf schweben.
Können Sie animieren, es mit CSS transitions. http://www.w3schools.com/css3/css3_transitions.asp
Besten ist mit reinen javascript-Code, müssen Sie warten, jquery, die oft geladen wird, auf dem Ende der Seite, Fall, dass die Seite geladen ist.
fügen Sie dieses nach Körper