Как сделать зубчатые барьеры у div класса

Question

Как сделать зубчатые барьеры у div класса

Александр Новиков Ученик (19), на голосовании 11 месяцев назад

HTML:

      
         
             
                 
            
 
 
             
                 
 
                    Hello everyone!
 
                     
                    ∙ MayBe - this is major company, which creates a lot of subsidiaries alimed at improving the environment
 
                     
                
 
            
 
        
 
 
          
             
                 
 
                     
                         
                         
                            1 пунк
 
                            2 пунк
 
                            3 пунк

CSS:

 #left_div{ 
    background-color: rgb(0, 77, 36); 
    float: left; 
    width: 80%; 
    text-align: center; 
} 
 
#right_div{ 
    background-color: aliceblue; 
    float: right; 
    width: 20%; 
    justify-items: end; 
    height: 100vh; 
    position: absolute; 
    right: 0px; 
    text-align: center; 
}

Сайт выглядит сейчас как-то так:

Мне нужно, чтобы справа div имел зубчатый барьер

Answer 1

Попробуй такое в css засунуть:

 #right_div { 
    background-color: aliceblue; 
    float: right; 
    width: 20%; 
    height: 100vh; 
    position: absolute; 
    right: 0px; 
    text-align: center; 
    clip-path: polygon(0 0, 100% 0, 100% 90%, 70% 90%, 60% 100%, 50% 90%, 0 90%); 
}