Tengo un menu lateral deslizante, pero lo tengo posicionado en la izquierda y se desliza para la derecha, ya se como hacer para posicionarlo en la derecha pero no se como hacer para que se deslice a la izquierda (para explicar un poco mejor, el menu se abre a la derecha y requiero que abra a la izquierda).
Este es mi código
.sidebar {
position: fixed;
height: 100%;
width: 0;
top: 0;
left: 50%;
background-color: #000000;
float: right;
overflow-x: hidden;
transition: 0.4s;
padding: 2rem 0;
box-sizing:border-box;
}
<div id="sidebar" class="sidebar">
<a href="#" class="boton-cerrar" onclick="ocultar()">×</a>
<ul class="menu">
<li>Opción 1</li>
<li><a href="#">Opción 2</a></li>
<li><a href="#">Opción 3</a></li>
<li><a href="#">Opción 4</a></li>
<li><a href="#">Opción 5</a></li>
</ul>
</div>
gracias por su ayuda