Gebruiker: Bmulckhu: verschil tussen versies
Uit MediaWikiGids
| Regel 27: | Regel 27: | ||
clip-path: rectangle(150px, 100px, 150px, 150px, 1px,1px); | clip-path: rectangle(150px, 100px, 150px, 150px, 1px,1px); | ||
} | } | ||
| + | |||
| + | .rect-2 { | ||
| + | -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); | ||
| + | clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); | ||
| + | } | ||
}} | }} | ||
[[Bestand: Community02.png|300px|thumb|Werkt niet...|class=insetrectangle-40-40-40-40]] | [[Bestand: Community02.png|300px|thumb|Werkt niet...|class=insetrectangle-40-40-40-40]] | ||
[[Bestand: Community02.png|300px|thumb|Werkt niet...|class=rect]] | [[Bestand: Community02.png|300px|thumb|Werkt niet...|class=rect]] | ||
| + | [[Bestand: Community02.png|300px|thumb|Werkt niet...|class=rect-2]] | ||
[[Bestand: Community02.png|300px|thumb|Werkt|class=star]] | [[Bestand: Community02.png|300px|thumb|Werkt|class=star]] | ||
Versie van 20 mei 2019 om 17:51
Bart Mulckhuijse - Beheerder van MediaWikiGids
Enkele tests met clipping:
Bron: https://css-tricks.com/clipping-masking-css/
NB: Let op de -webkit- prefix om de styling ook in Safari browser toe te passen
Om niet steeds (en site-wide) CSS aan Mediawiki:Tweeki.css toe te hoeven voegen, kunt je ook het widget:Style-1 gebruiken.