border-radius | BestHub

Rare Earth Juejin Tech Community

Aug 3, 2024 · Frontend Development

Common Front‑End Issues on iOS, Android, and Web: Border‑Radius, Text Overflow, Button Focus, Coupon Hole Effect, Clipboard Compatibility, UnoCSS, and CORS Options Requests

This article explains several practical front‑end problems—including iOS border‑radius loss with transforms, text‑overflow truncation on iOS, Android button focus outlines, CSS coupon hole effects, clipboard API compatibility, UnoCSS style loss after bundling, and CORS OPTIONS request failures on low‑end devices—along with clear code‑based solutions.

CORSClipboardUnoCSS

0 likes · 6 min read

Common Front‑End Issues on iOS, Android, and Web: Border‑Radius, Text Overflow, Button Focus, Coupon Hole Effect, Clipboard Compatibility, UnoCSS, and CORS Options Requests

Tencent Cloud Developer

May 18, 2018 · Frontend Development

Drawing Peppa Pig with Pure CSS: border-radius Technique Tutorial

An engineer from Tencent shows how to recreate Peppa Pig entirely with pure CSS by exploiting the border‑radius property to craft ellipses, rotate them, layer colors, and mask gaps, providing step‑by‑step code for each body part and a complete, animated illustration.

Frontend DevelopmentWeb Graphicsborder-radius

0 likes · 7 min read

Drawing Peppa Pig with Pure CSS: border-radius Technique Tutorial

Tencent IMWeb Frontend Team

Mar 28, 2017 · Frontend Development

Master HTML & CSS Basics with Visual Mind Maps and a Cute Penguin Demo

This guide revisits essential HTML structure, common tags, CSS selectors and properties, and demonstrates practical techniques like creating tables, forms, floats, positioning, overflow, and a charming border‑radius penguin illustration, using clear mind‑map images to help beginners quickly refresh and deepen their front‑end fundamentals.

FrontendHTMLWeb Development

0 likes · 3 min read

Master HTML & CSS Basics with Visual Mind Maps and a Cute Penguin Demo