Vaihda nuolen kuva (Adding Custom Arrows using SVGs)

PHOTO

Thu Feb 10 2022 17:29:12 GMT+0000 (Coordinated Universal Time)

Saved by @tarusalokangas

user-items-list-carousel__arrow-button--right::before{
  content:"";
  background-image:url(SVG-HERE);
    background-size: contain;
    background-repeat: no-repeat;
    width:100%;
    height:100%;
    position:absolute;
    background-position:center;
    top:0;
    left:0;
  
}

user-items-list-carousel__arrow-button--left::before{
  content:"";
  background-image:url(SVG-HERE);
    background-size: contain;
    background-repeat: no-repeat;
    width:100%;
    height:100%;
    position:absolute;
    background-position:center;
    top:0;
    left:0;
  
}

Save snippets that work from anywhere online with our extensions

Available in the Chrome Web Store

Get Firefox Add-on

Get VS Code extension

Comments

More like this

Visujuttuja

@tarusalokangas

Social icons muokkaus Logon sijoitus bannerin päälle Drop down menun taustavärin vaihtaminen Uutiskirje block alaviivalla Viivan pituuden muokkaus Linkin hover Multicolumn checkboxes Dropdown menun tekstin väri Drop down menulle taustaväri + hover Line blockin muokkaaminen Line blockin tilalle kuva Pystyviiva Oma button kuva Poista logo yhdeltä sivulta Tasakokoiset buttonit Rotating element Puolikas kuva background imagella Bullet point listan rivivälin muokkaaminen Buttonit samankokoisiksi Buttoneita lähemmäksi toisiaan Vaihda nuolen kuva (Adding Custom Arrows using SVGs) Vähennä/lisää paddingia yhteen elementtiin Tekstilinkin hover Yhden teksti blockin ensimmäisen kirjaiemen suurennus ja syvennys

Browse more snippets >>