Уровень 0 · материалов: 7
В кластер входят документы, посвященные конкретным методам реализации скругленных углов, и не входят документы об общем создании произвольных геометрических фигур через CSS.
Общие признаки: технические приемы CSS и HTML, реализация скругленных углов, кроссбраузерная совместимость, снижение зависимости от изображений, поддержка старых версий Internet Explorer
Группа выше: Визуальные эффекты и анимация на CSS
Смысл: The text describes a technical CSS/HTML trick to achieve rounded corners using a single sprite image and pseudo-elements to keep the HTML clean and the layout flexible.
The author shares a highly efficient way to implement rounded corners in CSS using a single sprite and pseudo-elements for better performance and simpler HTML.
Смысл: The text describes an alternative CSS/HTML technique to achieve rounded corners by layering three nested div elements and using a repeating background sprite image to simulate border curvature.
A technical guide on achieving rounded corners in older browsers using a specific nesting of three divs and a repeating sprite image.
Смысл: The main idea is to provide a robust, cross-browser method for rounding image corners by combining a background-image container trick with the CSS3 Pie library for legacy IE support.
A technical guide on achieving cross-browser image corner rounding using a container-based background trick and CSS3 Pie for IE6-8 compatibility.
Смысл: The text describes a legacy CSS technique using pseudo-elements to create rounded corners, primarily to overcome the rendering limitations of Internet Explorer 6 and 7.
A legacy tutorial on using CSS :before and :after pseudo-elements to create rounded corners for IE6/7 compatibility.
Смысл: The main idea is to teach web developers how to create visually complex shapes like rounded corners and acute angles using efficient CSS and HTML techniques to reduce image reliance and improve page loading.
A technical guide on creating rounded borders using a single sprite image and sharp angles using CSS border properties to minimize graphics and HTTP requests.
Смысл: The main idea is to demonstrate a creative workaround for achieving smooth, transparent rounded corners in CSS by cropping a large bullet character (•) instead of using traditional images or complex CSS hacks of the 2009 era.
A technique to create smooth, transparent rounded corners using pure CSS by cropping a large HTML bullet character.
Смысл: The text discusses the technical difficulty of implementing dynamic blocks with rounded corners and gradient borders in early web development, specifically addressing the struggle for cross-browser compatibility (IE6) and the search for the most efficient code structure.
A developer hosts a community challenge to find the most optimal way to code a dynamic web block with rounded corners and gradient borders, highlighting the difficulty of cross-browser compatibility in 2008.