CSS: img

.instui-img — Yon <img> estile ak modifikatè afichaj, rekòt, ak efè ki anpile.

Efè yo konpoze atravè pwopriyete koutim pataje --pantoken-img-filter, kidonk -with-grayscale ak -with-blur ka aplike ansanm; modifikatè rekòt -constrain-* mande pou konsomatè a detèmine gwosè bwat la eksplisitman.

Source: img.css

Aksè

Bay tèks alt ki gen sans ki dekri imaj la, epi itilize yon alt="" vid pou imaj ki sèlman dekoratif pou teknoloji asistans yo ka sote yo.

Itilizasyon

@import "@pantoken/components/components.css";
@import "@pantoken/components/img.css";

Egzanp

<img class="instui-img" alt="Gradient">

Modifikatè

Modifikatè	Deskripsyon
.-constrain-contain	Eskalye pou anfòm andedan bwat la (contain).
.-constrain-cover	Eskalye pou ranpli bwat la (cover).
.-display-block	Afiche kòm yon eleman blòk.
.-with-blur	Aplike yon efè flou.
.-with-grayscale	Aplike yon efè echèl gri.

Pwopriyete koutim

Pwopriyete	Tip	Pa defo	Deskripsyon
--pantoken-img	—	—	filter <filter-value-list> | none — Filtre CSS konpoze sou imaj la; modifikatè efè yo mete li, epi ou ka ranplase li pou yon filtre koutim.

Tokens konsome

Token	Tip	Valè
--instui-component-img-effect-transition-duration	<time>	1s
--instui-component-img-image-blur-amount	<length>	0.25em
--pantoken-img-filter	none | <filter-value-list> | <-ms-filter-function-list>	none