Als «css-transforms» getaggte Fragen

10
'transform3d' funktioniert nicht mit Position: feste Kinder
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 Webkit-transformierte Stil- und Ursprungsoptionen ausprobiert, hatte …
6
Gedrehte Elemente in CSS, die die Höhe ihrer Eltern korrekt beeinflussen
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 class="statusColumn"><b>Rotated</b></div> <div class="statusColumn"><abbr>Normal</abbr></div> </div> Mit diesem CSS: .statusColumn b { writing-mode: tb-rl; white-space: nowrap; display: inline-block; overflow: visible; transform: rotate(-90deg); transform-origin: 50% 50%; } Am Ende sieht es so aus: Ist …
4
Drehen und übersetzen
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%); } Das HTML ist nur einfacher Text.
9
So verhindern Sie, dass sich das Rendern von Webkit-Text während des CSS-Übergangs ändert
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 der Übergang abgeschlossen ist. Geige: http://jsfiddle.net/russelluresti/UeNFK/ Ich …
2
mehrere CSS-Filter gleichzeitig verwenden?
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); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); } .grayscale { filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); …
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.