31: Voit laittaa rasterikuvia SVG: hen - CSS-temppuja

Tälle ei todennäköisesti ole valtavasti valtavaa käyttötapaa, paitsi ilmeinen: tarvitset rasterigrafiikkaa muun muassa suuremmassa SVG-mallissa. Tällä tavoin se liikkuu ja skaalautuu muiden elementtien kanssa.

Syntaksi on:

Et todennäköisesti koskaan pudota rasterigrafiikkaa SVG: hen itsestään, koska sillä ei ole mitään etuja. Kyllä, voit käyttää SVG-suodattimia kuvaan silloin, mutta voit käyttää SVG-suodattimia myös . Sama koskee syväyspolkuja ja naamioita.

Suodattimet voivat kuitenkin näyttää hieman erilaisilta, joten on hyvä olla tietoinen siitä:

Katso Chris Coyierin (@chriscoyier) CodePen -kynän SVG- tai IMG-kynän SVG-suodattimet.