diedVIPs

html knowhow

Slideshow mit Text










Slideshow mit Text

So sieht´s aus

Htmlknowhow möchte Ihnen keine Lehrstunde in html, css oder Java geben, sondern ganz praktische Tipps.

Bevor Sie aber mit Ihrem Homepage-Projekt beginnen, sollten Sie sich über Grundsätzliches informieren.

Ich gebe Homepage-Designern Tipps, wie sie ihren Webauftritt verbessern können.

Quellcode
<html>
<head>
Hier nichts

<style type="text/css">
.item-1, .item-2, .item-3 {position: absolute; display : inline-block; top: 20em; width: 40%; font-size: 1.5em;
animation-duration: 10s; animation-timing-function: ease-in-out; animation-iteration-count: infinite;}
.item-1{animation-name: anim-1;}
.item-2{animation-name: anim-2;}
.item-3{animation-name: anim-3;}
@keyframes anim-1 {
0%, 8.3% { left: -100%; opacity: 0; }
8.3%,25% { left: 25%; opacity: 1; }
33.33%, 100% { left: 110%; opacity: 0; } }
@keyframes anim-2 {
0%, 33.33% { left: -100%; opacity: 0; }
41.63%, 58.29% { left: 25%; opacity: 1; }
66.66%, 100% { left: 110%; opacity: 0; } }
@keyframes anim-3 {
0%, 66.66% { left: -100%; opacity: 0; }
74.96%, 91.62% { left: 25%; opacity: 1; }
100% { left: 110%; opacity: 0; } }
</style>
<head>

<body >
<p class="item-1">Htmlknowhow möchte Ihnen keine Lehrstunde in html, css oder Java geben, sondern ganz praktische Tipps.</p>
<p class="item-2">Bevor Sie aber mit Ihrem Homepage-Projekt beginnen, sollten Sie sich über Grundsätzliches informieren.</p>
<p class="item-3">Ich gebe Homepage-Designern Tipps, wie sie ihren Webauftritt verbessern können.</p>
</body>

</html>






Kontakt    Datenschutz   Impressum