css3

Die dritte Ausgabe der Cascading Style Sheets-Stilsprache (oft abgekürzt als CSS3) vereint leistungsstarke visuelle Fähigkeiten und vielseitige Designmanipulationstechniken.
5
Antworten

Wie behebt man IE Rendering von Rand-Radius in Kombination mit Box-Schatten?

Hat jemand eine Idee, wie man das Rendering in IE 9 und 10 einer Kombination von Box-Shadow und Border-Radius "repariert"? Besonders auffällig bei Verwendung von Schatten. Der Radius des Schattens ist im IE sehr unterschiedlich im Vergleich z...
24.04.2013, 09:12
2
Antworten

Randradius + Überlauf ausgeblendet + inneres Element (Fortschrittsbalken) macht gezackte Randartefakte

Ich versuche, einen Fortschrittsbalken zu erstellen, ziemlich einfach. Ich habe eine Bar in einem Fach verschachtelt. Für das Fach ist overflow: hidden und border-radius festgelegt. Hier ist das jsFiddle , das das Problem demonstri...
19.05.2015, 23:39
3
Antworten

Gleiche Zeilenhöhe mit variierender Randbreite (border-box)

In diesem vereinfachten Beispiel habe ich 4 Kreise mit jeweils unterschiedlicher Rahmenbreite, und ich versuche, die gleiche Zeilenhöhe beizubehalten, um sie horizontal ausgerichtet zu halten. Jedoch scheint die Rahmenbreite die Linienhöhe zu...
07.08.2013, 14:50
2
Antworten

Wie verankern Sie ein Element mit einer Baseline und größen es basierend auf einem anderen "gepinnten" Element?

Hier ist ein Bild von dem, was ich meine: Wenn Sie eine feste Höhe h von der Basislinie haben, in der der Pin liegt, und das grüne Element dynamisch skaliert ist, wie können Sie das orange Element dazu bringen, den Abstand zwischen d...
17.08.2016, 18:27
3
Antworten

text-overflow: Ellipse entfernt font-awesome Symbole

Ich habe eine einfache Tabelle mit font-awesome Icons in ihren Zellen. Ich habe die Tabellenspalten durch einfaches JavaScript in der Größe veränderbar gemacht. Der Zelleninhalt wird ausgeblendet, wenn er überflogen wird und eine Ellipse ("...")...
02.11.2017, 11:04
1
Antwort

Font awesome prozentuale Breite gestapelt icon [duplizieren]

Ich möchte mit CSS den folgenden Effekt erzielen: Dieses Sternsymbol ist eine Schriftart. Ich möchte die Breite des orangefarbenen Hintergrunds prozentual definieren, also sollte 50% die perfekte Hälfte des Sterns sein. Für jetzt h...
23.02.2016, 00:24
4
Antworten

Emulieren Photoshop "Color Overlay" mit CSS-Filter?

Ich habe ein Icon, mit dem ich die Farbe von CSS ändern möchte. Es ist in einem Daten-uri'd optimierten SVG im CSS eingebunden. Normalerweise war das nicht möglich. Deshalb wurden Icon-Fonts erfunden; Ihr Hauptvorteil gegenüber SVG ist, das...
05.04.2015, 15:06
2
Antworten

Wie überlagern Sie Bilder ohne Verwendung der Position: absolut?

Ich suche nach der richtigen CSS-Methode, um div von Bildern über ein anderes div von Bildern (kein Hintergrundbild) zu überlagern, ohne position:absolute zu verwenden. Weiß jemand, wie man das macht?     
13.09.2011, 21:21
1
Antwort

Wie bringe ich eine CSS-Animation beim Hover-Out zum Stillstand?

Ich habe eine CSS-Animation, die ein div unendlich dreht, wenn ich darüber schwebe. Das CSS sieht ungefähr so ​​aus: %Vor% Das Problem, das ich zu lösen versuche, ist, dass wenn ich schwebe, es plötzlich in seinen ursprünglichen Zustand zurü...
17.05.2014, 22:11
1
Antwort

Bild um die y-Achse drehen

Ich habe ein Bild, das in zwei gleiche Teile geteilt ist. Ich versuche, den rechten Teil des Bildes um -180 ° (gegen den Uhrzeigersinn) um die y-Achse beim Schweben zu drehen. Problem ist einige Male (zufällig) Bild wird in 180 ° gedreht (im...
19.08.2013, 09:16