纯CSS卡片旋转切换滑块

Pure CSS slides

• Valid semantic HTML5
• No JavaScript
• CSS3
• Responsive layout

Features

• Remaining time
• Printer friendly
• Slide counter

Achievements unlocked I.

• Media queries, generated content, counters
• Animations, transitions, transforms
• Gradients, rounded corners
• @font-face + data URI

Achievements unlocked II.

• Very Obscure Selectors™
  • section[id^=slide]:target ~ #start
• No single image/SVG used
  • Unicode characters, gradient patterns

Questions / Comments

Created by Ondřej Žára. Reset?