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 { | .rect-2 { | ||
| − | + | -webkit-clip-path: polygon(20% 20%, 80% 20%, 80% 80%, 20% 80%); | |
| − | + | clip-path: polygon(20% 20%, 80% 20%, 80% 80%, 20% 80%); | |
| − | + | } | |
}} | }} | ||
[[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 | + | [[Bestand: Community02.png|300px|thumb|Werkt zoals inset...|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 16:56
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.