weitere Rubriken
PhilosophieTräumeOrteEsoterikLiteraturHelpdeskAstronomieGruppenSpieleGamingFilmeMusikClashVerbesserungenAllmysteryWillkommenEnglishGelöscht
Diskussions-Übersichten
BesuchtTeilgenommenAlleNeueGeschlossenLesenswertSchlüsselwörter
Schiebe oft benutzte Tabs in die Navigationsleiste (zurücksetzen).

Do it yourself: CSS für Profil und Blog

6.265 Beiträge, Schlüsselwörter: Allmystery, Hilfe, Welt, Bilder, Frieden, Profil, Farbe, Design, Html, Schrift, DIE + 18 weitere
----
ehemaliges Mitglied

Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

26.07.2012 um 20:28
Header mit runden Ecken in bunt und mit Farbe.


.header {
border: 2px solid #003300;
border-radius:10px;
animation-name:switchcolor;
animation-duration:5s;
animation-timing-function:linear;
animation-delay:2s;
animation-iteration-count:infinite;
animation-direction:alternate;
animation-play-state:running;

-moz-animation-name:switchcolor;
-moz-animation-duration:5s;
-moz-animation-timing-function:linear;
-moz-animation-delay:2s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:alternate;
-moz-animation-play-state:running;

-webkit-animation-name:switchcolor;
-webkit-animation-duration:5s;
-webkit-animation-timing-function:linear;
-webkit-animation-delay:2s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:alternate;
-webkit-animation-play-state:running;

-o-animation-name:switchcolor;
-o-animation-duration:5s;
-o-animation-timing-function:linear;
-o-animation-delay:2s;
-o-animation-iteration-count:infinite;
-o-animation-direction:alternate;
-o-animation-play-state:running;

-ms-animation-name:switchcolor;
-ms-animation-duration:5s;
-ms-animation-timing-function:linear;
-ms-animation-delay:2s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:alternate;
-ms-animation-play-state:running;

}

@-moz-keyframes switchcolor
{
0% {border:1px solid #009900;box-shadow:0px 0px 60px #66ff33, 0px 0px 50px #ffffff;}
50% {border:1px solid #66ff33;box-shadow:0px 0px 60px #66ff33,0px 0px 50px #000000;}
100% {border:1px solid #009900;box-shadow:0px 0px 60px #66ff33,0px 0px 50px #ffffff;}
}
@-webkit-keyframes switchcolor
{
0% {border:1px solid #009900;box-shadow:0px 0px 60px #66ff33, 0px 0px 50px #ffffff;}
50% {border:1px solid #66ff33;box-shadow:0px 0px 60px #66ff33,0px 0px 50px #000000;}
100% {border:1px solid #009900;box-shadow:0px 0px 60px #66ff33,0px 0px 50px #ffffff;}
}
@-o-keyframes switchcolor
{
0% {border:1px solid #009900;box-shadow:0px 0px 60px #66ff33, 0px 0px 50px #ffffff;}
50% {border:1px solid #66ff33;box-shadow:0px 0px 60px #66ff33,0px 0px 50px #000000;}
100% {border:1px solid #009900;box-shadow:0px 0px 60px #66ff33,0px 0px 50px #ffffff;}
}
@-ms-keyframes switchcolor
{
0% {border:1px solid #009900;box-shadow:0px 0px 60px #66ff33, 0px 0px 50px #ffffff;}
50% {border:1px solid #66ff33;box-shadow:0px 0px 60px #66ff33,0px 0px 50px #000000;}
100% {border:1px solid #009900;box-shadow:0px 0px 60px #66ff33,0px 0px 50px #ffffff;}
}
@keyframes switchcolor
{
0% {border:1px solid #009900;box-shadow:0px 0px 60px #66ff33, 0px 0px 50px #ffffff;}
50% {border:1px solid #66ff33;box-shadow:0px 0px 60px #66ff33,0px 0px 50px #000000;}
100% {border:1px solid #009900;box-shadow:0px 0px 60px #66ff33,0px 0px 50px #ffffff;}
}


melden
Anzeige
----
ehemaliges Mitglied

Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

26.07.2012 um 20:29
@mr.j


melden

Do it yourself: CSS für Profil und Blog

26.07.2012 um 20:29
Vielen dank werd ich gleich Probieren!


melden

Do it yourself: CSS für Profil und Blog

26.07.2012 um 20:34
Kannst du mir jetzt auch noch sagen wie ich den Player weg bekomme?


melden
----
ehemaliges Mitglied

Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

26.07.2012 um 21:10
object, iframe {visibility: hidden;}


melden
----
ehemaliges Mitglied

Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

26.07.2012 um 22:22
Kein Problem. Gern geschehen.


melden

Do it yourself: CSS für Profil und Blog

26.07.2012 um 22:29
@Dr.BT
Ist es eigentlich möglich, dass man 2 Hover-Effekte auf ein Element bauen kann?


melden
----
ehemaliges Mitglied

Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

26.07.2012 um 22:48
http://www.tek-tips.com/faqs.cfm?fid=1491


melden

Do it yourself: CSS für Profil und Blog

26.07.2012 um 22:55
Oha, damit kann ich irgendwie nichts anfangen gerade. :D
Hier ist das, um was es geht:

.profile_info:hover {text-shadow: 200px 0px 0px #FF0088;
-webkit-transition-duration: 1.5s;
-moz-transition-duration: 1.5s;}

und für .profile_info würde ich halt gerne noch einen anderen Effekt haben, aber ich check das in dem Link nicht. :|


melden

Do it yourself: CSS für Profil und Blog

26.07.2012 um 23:02
@Ciela

warum baust du den effekt nicht direkt in den jetzigen hover ein?


melden

Do it yourself: CSS für Profil und Blog

26.07.2012 um 23:02
@Prof.nixblick
Wie meinst du das?

Edit; Ah, ich glaub ich weiß wie es gemeint war :D
Ich versuche es.


melden
----
ehemaliges Mitglied

Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

26.07.2012 um 23:03
.profile_info:hover {
text-shadow: 200px 0px 0px #FF0088;
-webkit-transition-duration: 1.5s;
-moz-transition-duration: 1.5s;
-ms-transition-duration: 1.5s;
-o-transition-duration: 1.5s;
transition-duration: 1.5s;
effect2:effect;
effect3:effect;
}


melden

Do it yourself: CSS für Profil und Blog

27.07.2012 um 01:05
---- schrieb:effect2:effect;
effect3:effect;
Funktioniert irgendwie nicht.


melden
----
ehemaliges Mitglied

Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

27.07.2012 um 01:33
Was soll den rein?


melden

Do it yourself: CSS für Profil und Blog

27.07.2012 um 14:23
@Ciela
Ciela schrieb:Funktioniert irgendwie nicht.
Warum wohl?


melden

Do it yourself: CSS für Profil und Blog

27.07.2012 um 17:50
@Prof.nixblick
Ich weiß nicht was du meinst, aber ich habe den ganzen Code eingefügt, nicht nur das Stück, was ich zitiert habe, falls du das meinst.

@Dr.BT
Also es ist ja so, dass .profile_info nach rechts hovert und ich hab gedacht, das könnte man ja so machen, dass es nach beiden Seiten geht.


melden

Do it yourself: CSS für Profil und Blog

27.07.2012 um 18:05
@Ciela

Wird trotzdem nicht funzen. Wie meinst Du das, "nach beiden Seiten"? Gleichzeitig oder erst Links dann Rechts?


melden

Do it yourself: CSS für Profil und Blog

27.07.2012 um 18:07
Gleichzeitig.


melden

Do it yourself: CSS für Profil und Blog

27.07.2012 um 18:13
@Ciela

Schau mal hier http://www.css3maker.com/css3-transform.html


melden
Anzeige

Do it yourself: CSS für Profil und Blog

27.07.2012 um 18:19
Ich weiß ja nicht, ob ich nur zu blöd dazu bin, aber ich krieg es einfach nicht hin.

@Prof.nixblick
Ich hab den Effekt doch schon. Ich bekomm es nur nicht hin, 2 Effekte auf ein Element zu setzen. :{


melden
373 Mitglieder anwesend
Konto erstellen
Allmystery Newsletter
Alle zwei Wochen
die beliebtesten
Diskussionen per E-Mail.

Themenverwandt
Allmy mobil46 Beiträge
Anzeigen ausblenden