[phpBB2] Hover Effect Farbe ändern

von Julchen96 Di 24 Feb 2015 - 14:22

Einen wunderschönen (:

Es geht wieder um das Thema "Hove Effect" ( ich hatte hierzu bereits eine Frage gestellt.) Der Effect an sich klappt wunderbar, danke nochmals an Gunich. Nun würde ich jedoch gerne die Farbe bei einem "Mouseover Effect ändern. Zur Zeit geht der "Übergang" in ein Orange über ... allerdings hätte ich Ihn gerne in einen Rotton.
Hier nochmals der Link zur Seite: http://tympanus.net/Tutorials/OriginalHoverEffects/
Könnt ihr mir verraten wo ich dies abändern kann?

LG Julia

von #Frank Di 24 Feb 2015 - 15:26

Kannst du bitte mal die CSS Eninträge die zu diesem Effekt gehören hier Posten?
Dort liegt des Rätsels Lösung.

von Julchen96 Di 24 Feb 2015 - 15:42

Hi Frank, aber gerne doch:

Code:: .view-first .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; background-color: rgba(219,127,8, 0.7); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

von #Frank Di 24 Feb 2015 - 15:51

Die Hintergrundfarbe beim Hovern gibst du hier an:

.view-first .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
background-color: rgba(219,127,8, 0.7);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

Die Farbe wird hier im RGB Code durch die ersten drei Zahlen angegeben. Bei dir:
219,127,8,
was bei dir dieses Orange ergibt. Die Zahl 0.7 gibt die Transparenz an.
Um nun das Orange in ein Rot zu ändern ersetzt du: 219,127,8, in 255,0,0,
Eine Farbtabelle für alle Farben im HEX und RGB code findest du hier:
http://www.farb-tabelle.de/de/farbtabelle.htm

von Julchen96 Di 24 Feb 2015 - 15:58

cool. danke Frank Smile

sobald ich wieder zu Hause bin - bin momentan über das Mobiltelefon on, versuche ich mein Glück und melde mich bei dir.
LG Julia

von #Frank Di 24 Feb 2015 - 16:00

O.k.

von Julchen96 Di 24 Feb 2015 - 18:42

Hat alles wunderbar geklappt top

herzlichen Dank Smile

Ihr seid wie immer spitze
GGLG Julia

	Neue Beiträge seit dem letzten Besuch.	
	Textbausteine des MODERATIONSTOOL	
	AB > PFAD > GENERATOR	
	FORUM > PFAD > GENERATOR	
	Unterstützung Lösungs-Probleme	
	Auffällige User	
	Der Runde Tisch	
	HÄUFIG GESTELLTE FRAGEN	

[phpBB2] Hover Effect Farbe ändern

[phpBB2] Hover Effect Farbe ändern

Re: [phpBB2] Hover Effect Farbe ändern

Re: [phpBB2] Hover Effect Farbe ändern

Re: [phpBB2] Hover Effect Farbe ändern

Re: [phpBB2] Hover Effect Farbe ändern

Re: [phpBB2] Hover Effect Farbe ändern

Re: [phpBB2] Hover Effect Farbe ändern