Farbe in RGB Code

Shopware 5 Programmierung
1 
box-shadow: -10px -10px 10px green,(her möchte ich gerne den Farbcode) 
             10px 10px 10px red;


So habe ich es versucht aber ohne Erfolg

.emotion--category-teaser .category-teaser--link {
   border-radius: 15px;
    box-shadow: -5px -5px 5px; 
	  color: rgba(242,242,242,0.6);	
       5px 5px 5px;
	    color: rgba(242,242,242,0.6);
}

Hallo zusammen

Ich bin nun fleissig am lernen. Wearing-Sunglasses

Gerne würde ich bei diesem Code die Farbe grey in ein RBG Code umwandeln d.h ich möchte die genaue Farbe des Schattens bestimmen können.

Leider bringe ich das nicht so hin damit mir mein Themes das annimmt.

Mir ist es egal ob der Code in HEX oder RGB ist. 

Auch wurde mir gesagt das bei Schatten nur oberbegriffe wie green, grey usw. gehen? Ist das so?

Danke für eure Hilfe.

Gruss Chris

 

2

Dein CSS ist falsch.

Das mixin für den box-shadow findest du hier: shopware/box-shadow.less at 5.3 · shopware/shopware · GitHub

Einen CSS Box Shadow Generator findest du hier: https://www.cssmatic.com/box-shadow

In dem Beispiel wäre der Boxshadow bzw. das mixin, welches du in deiner .less aufrufst also

.box-shadow(10px 10px 5px 0px rgba(0,0,0,0.75));

Für den Border Radius gibt es ebenfalls ein mixin -> shopware/border-radius.less at 5.3 · shopware/shopware · GitHub

Hier wäre der Aufruf dann:

.border-radius(15px);

Das box-shadow nur Farbnamen kennt bzw. möglich sind ist völliger Blödsinn, ist CSS 1x1

1 „Gefällt mir“
3

Super @christiantrade‍ danke vielmals

Auch der Generator ist klasse :slight_smile:

Nur jetzt habe ich nur einen Box-Shadow ? Vorher hatte ich oben und unten einen. Wäre eben noch cool für zwei Farben

Der Generator hat nur entweder oder?

4

Man mus sich schon einmal ein wenig selbst damit auseiannder setzen …

Wenn man nen shadow an allen vier seiten haben will, dann muss man natürlich horizontal und vertical length auf 0px haben …

1 „Gefällt mir“
5

Okey sorry ich schaue das an.

 Merci vielmal.