> For the complete documentation index, see [llms.txt](https://appsecurity.gitbook.io/devops/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://appsecurity.gitbook.io/devops/ppc/ppc-langs/frontend/css/svoistva/rotation.md).

# Rotation

## Rotation

rotate icons example: <https://codepen.io/colewaldrip/pen/bdZVGd/>

text rotation: <https://css-tricks.com/snippets/css/text-rotation/>

Краткий пример переворота кнопки:

```markup
<div class="main-container">
  <button class="btn">
    <p>Button</p>
  </button>
  <div class="someelem"></div>
</div>
```

```css
.main-container {
  display: flex;
  height: 100%;

  .btn {
    background-color: lightcoral;
    border: 0;
    p {
      transform: rotate(-90deg);
    }
  }

  .someelem {
    width: 100%;
    background-color:cadetblue;
  }
}
```