KOMPOOS.NL

skew effect voor tekst - CSS

home » css » text-effects » skew-text.html

sitemap

uitleg skew effect voor tekst

Plaats de onderstaande stylesheet in de head-sectie van jouw pagina. Elke tag, heading, of wat dan ook, die je de class "skew-effect" geeft, zal er uit gaan zien zoals de kop bovenaan deze pagina. Experimenteer met de getalletjes in de stylesheet om een voor jouw bevredigende skew op jouw pagina te "zetten".

de stylesheet van de skew tekst procedure

<style type="text/css">
	.skew-effect{
		padding:0.1em 0.1em 0.1em 0.1em;
		height:1em;
		-moz-transform: matrix(1,0,0.6,1,0,0);
		-webkit-transform: matrix(1,0,0.6,1, 0,0);
		-o-transform: matrix(1,0,0.6,1,0,0);
		filter:Wave(Add=0,Freq=1,LightStrength=1,Phase=50,Strength=5)}
</style>

Gebruik voor alle voorbeelden op de http://kompoos.nl een valide html5 pagina.