#html5examples 搜尋結果

CSS tip: Use CSS animations with translateX(-50%) to create a seamless, infinite marquee that scrolls smoothly forever, no JS needed!

denicmarko's tweet image. CSS tip:

Use CSS animations with translateX(-50%) to create a seamless, infinite marquee that scrolls smoothly forever, no JS needed!

5 min cursor trails with grid + CSS custom properties 💫 <div style="--o: 0.2; --r: 3"> .grid div { opacity: var(--o); transition: opacity 0.8s, rotate 0.4s; &:hover { transition-duration: 0s; rotate: calc(var(--r, 0) * 90deg); opacity: 1; }} trick: dynamic :hover transition

Don't know what it's called but made this component with React and Tailwind in 1 hour



If you're using Tailwind, don't sleep on child selectors. They clean up your styles and eliminate repetition. Vibe coding agents aren't smart enough to do this. (if you're using CSS, keep scrolling)

DavidKPiano's tweet image. If you&apos;re using Tailwind, don&apos;t sleep on child selectors. They clean up your styles and eliminate repetition.

Vibe coding agents aren&apos;t smart enough to do this.

(if you&apos;re using CSS, keep scrolling)

Manus 1.5 Update: We made webpage editing easier and faster. Before: Edit one section. Wait. Edit another section. Wait. Now: 👉 Quick style controls for instant changes 👉 Prompt-based editing and batch processing to apply changes at one go

ManusAI's tweet image. Manus 1.5 Update: We made webpage editing easier and faster.

Before: Edit one section. Wait. Edit another section. Wait.

Now:
👉 Quick style controls for instant changes
👉 Prompt-based editing and batch processing to apply changes at one go

Web development is a book of 10 chapters 👇👇 Chapter 1: HTML 🧱 Chapter 2: CSS 🎨 Chapter 3: CSS frameworks 🧮 Chapter 4: JS ⚙️ Chapter 5: DOM 📃 Chapter 6: Git and GitHub 📲 Chapter 7: React/Angular/Vue⚛️ Chapter 8: Node 🔙🔚 Chapter 9: API and Database 🗄️📄 Chapter 10: Job 🏢


Introducing simple.design A curated collection of the most beautifully simple websites on the web. Featuring no scroll hijacking, no loading screens, and no annoying animations.


Este es el mejor repositorio para aprender Algoritmos y Estructuras de Datos en JavaScript. En Español, con código, ejemplos y tests: → github.com/trekhleb/javas…


use CSS attribute selectors to define translate + transform-origin for origin-aware surfaces 🧑‍🍳 <div data-pos="right,bottom"> [data-pos*=right] { --x: 10px; } [data-pos*=bottom] {--y: 10px; } dialog { transform-origin: var(--x) var(--y); } invisible details that feel right 🤙


You’ve been using JavaScript wrong this whole time; here’s what you missed 👇 Thread 0/5

JOE_Akir's tweet image. You’ve been using JavaScript wrong this whole time; here’s what you missed 👇
Thread 0/5

Hey guys, today i decided to play around with some CSS and HTML , how did i do...

Nnanyi_aku's tweet image. Hey guys, today i decided to play around with some CSS and HTML ,
how did i do...
Nnanyi_aku's tweet image. Hey guys, today i decided to play around with some CSS and HTML ,
how did i do...

🌐 JavaScript Quiz Which method is used to remove the last element from an array? A) shift() B) pop() C) slice() D) splice()


Thinking back to the early HTML days of the 90s when most tags were written in uppercase and pages were styled with <CENTER> and <FONT>. So much has changed since then. <HTML> <HEAD> <TITLE>My Web Page</TITLE> </HEAD> <BODY> <CENTER> <FONT COLOR="RED">…


Loading...

Something went wrong.


Something went wrong.


United States Trends