Wie kann ich mit CSS mehrere anwenden transform? Beispiel: Im Folgenden wird nur die Übersetzung angewendet, nicht die Drehung. li:nth-child(2) { transform: rotate(15deg); transform: translate(-20px,0px);
Ich habe eine Situation, in der unter normalen CSS-Umständen ein fester Div genau dort positioniert wird, wo er angegeben ist ( top:0px, left:0px). Dies scheint nicht respektiert zu werden, wenn ich ein Elternteil habe, das eine translate3d-Transformation hat. Sehe ich nichts Ich habe andere...
Angenommen, ich habe einige Spalten, von denen einige die Werte von: http://jsfiddle.net/MTyFP/1/ <div class="container"> <div class="statusColumn"><span>Normal</span></div> <div class="statusColumn"><a>Normal</a></div> <div...
Ich habe einige Probleme beim Drehen und Positionieren einer Textzeile. Jetzt funktioniert nur noch die Position. Die Drehung funktioniert auch, aber nur, wenn ich die Positionierung deaktiviere. CSS: #rotatedtext { transform-origin: left; transform: rotate(90deg); transform: translate(50%, 50%);...
Ich verwende CSS-Übergänge, um zwischen CSS-transformierten Zuständen zu wechseln (im Grunde genommen wird die Skalierung eines Elements geändert). Ich stelle fest, dass der Rest des Textes auf der Seite (in Webkit) beim Übergang des Elements dazu neigt, das Rendering geringfügig zu ändern, bis...
Wie rotateX(50deg) rotateY(20deg) rotateZ(15deg)in Kurzschrift zu kombinieren rotate3d()?
Ich experimentiere mit CSS-Filtern. Und ich möchte die Unschärfe und die Graustufen gleichzeitig verwenden, aber ich kann nicht beide gleichzeitig auf demselben Bild verwenden? Siehe Geige hier ... http://jsfiddle.net/joshmoto/fw0m9fzu/1/ .blur { filter: blur(5px); -webkit-filter: blur(5px);...
Ich versuche, mit CSS eine Animation im Achterbahnstil zu erstellen. Ich möchte wissen, wie man den "Untersetzer" krümmt, wenn er sich in der Schleifenphase befindet. Ich bin auf der Suche nach einer All-CSS-Lösung, aber wenn ein bisschen JavaScript benötigt wird, bin ich damit einverstanden. Mein...