Css How to leave the Divine Right Side Inclined?

1

I have a demand in which I need to leave only one right side of an inclined div, ie diagonally. How do I get this effect?

When searching, I saw that I could use the code below to tilt the div, but my problem is that the code tilts the entire div, but I want only the right side to be tilted.

-ms-transform: skew(30deg);
-webkit-transform: skew(30deg); 
transform: skew(30deg); 
transform-origin: bottom left;

Here's my CSS code

.logo-topo{
    position:fixed;
    background-color:rgba(255, 255, 255, .7);   
    float:left;
    height: 165px;
    margin-left: -138px;
    width: 299px;
    z-index: 805;   
    -ms-transform: skew(30deg);
    -webkit-transform: skew(30deg); 
    transform: skew(-30deg); 
    transform-origin: bottom left;
    border-width: 10px 50px 90px;  
}
    
asked by anonymous 14.07.2017 / 18:52

0 answers