lewislulu--html-ppt-skill
lewis
a93138e1bf
World-class HTML presentation skill with keyboard navigation, theme/animation switching, headless Chrome rendering, and showcase decks for themes/layouts/animations. - 24 themes (minimal-white, dracula, catppuccin, tokyo-night, xiaohongshu-white, …) - 31 single-page layouts (cover, code, charts, timeline, gantt, mindmap, …) - 20+ named animations (rise-in, typewriter, confetti-burst, card-flip-3d, …) - theme/layout/animation showcase decks - runtime.js: arrow/space/F/S/O/T/A keybinds, hash routing, progress bar - render.sh headless Chrome PNG export - MIT, author lewis <sudolewis@gmail.com>
17 行
839 B
CSS
17 行
839 B
CSS
/* theme: rainbow-gradient — 彩虹渐变点缀（白底） */
|
|
:root{
|
|
--bg:#ffffff;--bg-soft:#f8f8fb;--surface:#ffffff;--surface-2:#f4f4f8;
|
|
--border:rgba(20,20,40,.08);--border-strong:rgba(20,20,40,.2);
|
|
--text-1:#0c0d10;--text-2:#4d5162;--text-3:#9096a8;
|
|
--accent:#ff4d8b;--accent-2:#7a5cff;--accent-3:#36b6ff;
|
|
--good:#1aaf6c;--warn:#f5a524;--bad:#e0445a;
|
|
--grad:linear-gradient(90deg,#ff0080,#ff4d00,#ff9900,#ffe600,#00c853,#0091ea,#6200ea,#ff0080);
|
|
--grad-soft:linear-gradient(135deg,#fff,#f8f8fb);
|
|
--radius:16px;--radius-sm:10px;--radius-lg:24px;
|
|
--shadow:0 12px 32px rgba(124,92,255,.1);
|
|
--shadow-lg:0 24px 60px rgba(124,92,255,.18);
|
|
--font-sans:'Inter','Noto Sans SC',sans-serif;
|
|
}
|
|
.gradient-text{background-size:200% auto;animation:rbflow 6s linear infinite}
|
|
@keyframes rbflow{to{background-position:200% 0}}
|