Gebruiker: Bmulckhu: verschil tussen versies
Uit MediaWikiGids
| Regel 19: | Regel 19: | ||
clip-path: inset-rectangle(40, 40, 40, 40, 0, 0); | clip-path: inset-rectangle(40, 40, 40, 40, 0, 0); | ||
-webkit-clip-path: inset-rectangle(40, 40, 40, 40, 0, 0); | -webkit-clip-path: inset-rectangle(40, 40, 40, 40, 0, 0); | ||
| + | } | ||
| + | .star { | ||
| + | -webkit-clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); | ||
| + | clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); | ||
} | } | ||
}} | }} | ||
[[Bestand: Community02.png|300px|class=insetrectangle-40-40-40-40]] | [[Bestand: Community02.png|300px|class=insetrectangle-40-40-40-40]] | ||
| + | [[Bestand: Community02.png|300px|class=star]] | ||
Versie van 20 mei 2019 om 16:28
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.