[css] Rotate and translate

There is no need for that, as you can use css 'writing-mode' with values 'vertical-lr' or 'vertical-rl' as desired.

.item {
  writing-mode: vertical-rl;
}

CSS:writing-mode

Examples related to css

need to add a class to an element Using Lato fonts in my css (@font-face) Please help me convert this script to a simple image slider Why there is this "clear" class before footer? How to set width of mat-table column in angular? Center content vertically on Vuetify bootstrap 4 file input doesn't show the file name Bootstrap 4: responsive sidebar menu to top navbar Stylesheet not loaded because of MIME-type Force flex item to span full row width

Examples related to webkit

com.apple.WebKit.WebContent drops 113 error: Could not find specified service HTML5 Video autoplay on iPhone What does the shrink-to-fit viewport meta attribute do? Chrome / Safari not filling 100% height of flex parent How to style HTML5 range input to have different color before and after slider? What are -moz- and -webkit-? Video auto play is not working in Safari and Chrome desktop browser Rotate and translate Background color not showing in print preview Blurry text after using CSS transform: scale(); in Chrome

Examples related to transform

Change value in a cell based on value in another cell Rotate and translate jQuery click events not working in iOS Blurry text after using CSS transform: scale(); in Chrome How to play CSS3 transitions in a loop? jQuery rotate/transform css transform, jagged edges in chrome Animate element transform rotate Generate Json schema from XML schema (XSD) CSS3 Continuous Rotate Animation (Just like a loading sundial)

Examples related to css-transforms

Spin or rotate an image on hover Rotate and translate How to apply multiple transforms in CSS? Prevent flicker on webkit-transition of webkit-transform