XF 2.2 a liitle arrow...

Nicolas FR

Well-known member
Hello,

I would like to place a small arrow on the edge of a div, like the one between the user cell and the message cell. By where do I start? I have a little trouble coding this arrow in CSS.

Capture d’écran 2020-11-24 112848.png Capture d’écran 2020-11-24 112755.png

Thanks for your help :)
 
Last edited:
Success !! 🏆

Capture d’écran 2020-11-24 143051.webp

HTML:
<div class="arrow-right"></div>
CSS:
.arrow-right {
    width: 12px;
    height: 12px;
    background: rgb(254, 254, 254);
    border-top: 1px solid rgb(220, 220, 220);
    border-right: 1px solid rgb(220, 220, 220);
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -khtml-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    position: relative;
    top: 15px;
    right: 6px;
}

I wanted to thank my mother without whom I would be nothing, all my friends who have always supported me and my wife who believed in me from the beginning! Thank you!!
 
Top Bottom