Component Rotation


I would like to rotate web core components.  I can easily do this using HTML/CSS.  In the example below, I have rotated a menu 270 degrees.

I would like to be able to position and rotate Web Core components such as panels.  I am at a loss as to how to get this to work on a Web Core form.

Thanks, Sidney

/*  SAMPLE HTML - Creates a menu and rotates it 270 degrees */
<!DOCTYPE html>
<meta name="viewport" content="width=device-width, initial-scale=1">

.vertical-menu {
  width: 200px;
  transform: rotate(270deg);
.vertical-menu a {
  background-color: #eee;
  color: black;
  display: block;
  padding: 12px;
  text-decoration: none
.vertical-menu a:hover {
  background-color: #ccc;
.vertical-menu {
  background-color: blue;
  color: white;

<h1>Vertical Menu Rotated 270 degrees</h1>
<div class="vertical-menu">
  <a href="#" class="active">Home</a>
  <a href="#">Link 1</a>
  <a href="#">Link 2</a>
  <a href="#">Link 3</a>
  <a href="#">Link 4</a>

We've not yet worked with / integrated / tested rotation.

We've added this on our feature request list for investigation.