CSS3 | Border image voorbeeld

Niet meer voor elk onderdeel van je website een apart plaatje hoeven maken met een border. Met de komst van border-image in CSS3 gaat er een hoop veranderen voor webdesigners en webdevelopers. Met border-image kun je gebruik maken van plaatjes voor je borders welke vervolgens ook nog eens kunnen meerekken mocht dit nodig zijn.

Mooi CSS3 div met border-image

Hieronder een voorbeeld van CSS3 border-image:

De CSS code die hierbij gebruikt is:
-moz-border-image: url(https://www.orangedevdesign.nl/wp-content/uploads/2010/12/border2.png) 28 round;
-webkit-border-image: url(https://www.orangedevdesign.nl/wp-content/uploads/2010/12/border2.png) 28 round;
border-image: url(https://www.orangedevdesign.nl/wp-content/uploads/2010/12/border2.png) 28 round;
border-width:27px;

Het plaatje dat ik hierbij gebruikt heb is: >> border-image

Meer info
Meer weten over border-image dan verwijs ik je graag door naar:
Border-image | Plaatjes voor je borders met CSS3

Andere CSS3 elementen:

Vorige Portfolio item

Meer nieuws items

Vorige Portfolio item

Nieuws