CSS: img

.instui-img — He <img> ā-tae kua whakaritea me ngā whakarerekētanga whakaaturanga, tapahi, me ngā pānga e whakakotahi ana.

Ka hanga ngā pānga mā te rawa ritenga tuitui --pantoken-img-filter, nō reira ka taea e -with-grayscale me -with-blur te tono tahi; ko ngā whakarerekētanga tapahi -constrain-* e tono ana kia whakaritea e te kaiwhakamahi te rahinga o te pouaka.

Source: img.css

Wātea mō te katoa

Whakarato tuhinga alt whai tikanga e whakamārama ana i te whakaahua, ā, whakamahia he alt="" kore-ihirangi mō ngā whakaahua whakapaipai noa kia whakakorengia ngā taputapu āwhina.

Ngā Whakamahi

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

Ngā tauira

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

Ngā Kaitī

Kaiwhakatikatika	Whakamārama
.-constrain-contain	Whakanuia kia uru ki roto i te pouaka (contain).
.-constrain-cover	Whakanuia kia kī i te pouaka (cover).
.-display-block	Whakaaturia hei tūemi poraka.
.-with-blur	Whakamahia he pānga pōhoi (blur).
.-with-grayscale	Whakamahia he pānga tae-kore (grayscale).

Ngā taonga ritenga

Rawa	Momo	Taunoa	Whakamārama
--pantoken-img	—	—	filter <filter-value-list> | none — Te tātari CSS kua whakakotahihia mō te whakaahua; ko ngā whakarerekētanga pānga e tautuhi ana i tēnei, ā, ka taea e koe te huri kia whakamahi i tētahi tātari ritenga.

Ngā tohu i whakamahia

Token	Momo	Uara
--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