jQuery: bordi rotondi sulle immagini per sovrapposizione
Giovedì 30 Ottobre, 2008A causa dei diversi rendering tra i vari browser, che vedono sicuramente Microsoft Internet Explorer in testa, bisogna sempre ricorrere ad artifizi particolari per applicare effetti che, ormai, dovrebbero rappresentare uno standard. I pluri-discussi bordi arrotondati sono un classico esempio del “disastro” prodotto dalla completa incapacità di realizzare uno standard serio sul rendering delle pagine HTML/CSS. Esistono in rete numerosissime soluzioni che permettono di ottenere “effetti” (effetti che esonerano dall’HTML attuale come bordi arrotondati, effetti ombra, riflessioni, etc…) con patch sui fogli di stili, particolari trucchi con l’uso di div innestati, librerie Javascript, uso delle canvas, etc…
A titolo puramente didattico vorrei illustrare un’ulteriore tecnica (cross-browser) per applicare dei bordi arrotondati a delle immagini:
Demo e sorgenti
- Progetto completo su Google Code
- demo
- jquery.roundborders.js
- immagine in formato Photoshop
- immagine in formato PNG
Post correlati
Tags: border-radius, browser, Codice, CSS, Effetti, firefox, GIF, HTML, IMG, Immagini, Internet, Javascript, jQuery, librerie, Microsoft, Opera, Photoshop, Plugin, PNG, Rendering, roundBorders, Safari, Script, Stile, Web, WebKit
Pubblicato in CSS, Grafica & Design, Internet, Javascript, Sviluppo, Tutorials, jQuery | 
Nessun commento »
corretto 
