Forum : border-radius sur border-slice

Bonjour,

Je m'interesse beaucoup aux effets avancés en css3, et je me suis heurté à un petit problème la dernière fois.
En partant du principe que je personnalise mes bordures avec un dégradé , et donc la propriété border-image-slice, existe t il un moyen d'arrondir mes bordures ? Connaissez vous un polyfill css ou js pour faire ça ? Sans avoir recours a la solution svg (trop facile sinon haha).

Exemple ici : codepen/BenD

Masso

Bonjour,

Je te propose une solution sans js, juste avec html et css. Puisqu'il est impossible de modifier le radius d'un border-image, tu peux creer une div parent qui elle, aura une bordure avec un radius (transparent).
Je ne vois que ça personnellement et c'est assez simple.
Tu pourras donner la marge à la div parent au lieu de l'enfant et tu mets un overflow:hidden. Nommes les div du coup pour les différencier.

J'espere avoir pu t'aider.

ZsasZ99

Bonjour,
Tu peux superpose ton element parent avec un pseudo-selector :before ou :after et lui donner un background en degrade et une hauteur et largueur qui te conviens. J'espere que cette solutions te conviens
Exemple ici : [http://codepen.io/Ochelh/pen/ZWRqgW]()

border-radius sur border-slice

2 réponses