ich diesen CSS-Code haben:CSS3 Übergang auf Seite geladen
<!-- language: css -->
div.slider {
transition: 2.5s cubic-bezier(.25,.77,.74,.24);
clip-path: polygon(0 0, 1% 0, 1% 100%, 0% 100%);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-position: 50% 0%;
background-color: #ccc;
border: 1px solid;
width: 100%;
height: 100%;
padding: auto;
margin: auto;
z-index: 1;
position: absolute;
}
div.slider:hover {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
und HTML-Code:
<!-- language: html -->
<div class="slider" id="slider">
<img src="http://i.stack.imgur.com/r5CAq.jpg" alt="Mountain View" style="width:100%;height:100%;">
</div>
Und ich möchte, dass die Animation nicht auf :hover
starten, sondern sobald die Seite lädt. Ich konnte einige JS-Skripte finden, die das erreichen sollen, aber leider scheint keiner von ihnen zu funktionieren. Jede Hilfe wird geschätzt.