Receber por email
← Voltar para o catálogo

3d-html-slide

Gera slides HTML de wireframe 3D no estilo re-presentation.jp. Utilize esta skill apenas quando a palavra-chave 'slides HTML de wireframe 3D' estiver presente.

3estrelas
Atualizado há 6 meses

Ver no GitHub ↗ Licença: MIT

Como adicionar

/plugin marketplace add yoshifujidesign/3d-html-slide-skill

O comando exato pode variar conforme o repositório. Confira o README no GitHub.

Para o autor da skill

Cole no README do seu repo

Mostra que sua skill está catalogada na Skillteca, gera backlink e tráfego rastreável.

[![Skillteca](https://www.skillteca.com.br/api/badge/3d-html-slide/svg)](https://www.skillteca.com.br/skills/3d-html-slide)

Skills relacionadas

Ver todas de Documentos →

Alerta por categoria

Receba novas skills de Documentos toda segunda

1 email curto, só com as skills novas de Documentos. 4 minutos de leitura, sem spam, cancela com 1 clique.

Você confirma o email no primeiro envio. Sem spam. Cancela com 1 clique.

Ler descrição completa

3D HTML Slide Skill

re-presentation.jp スタイル — Three.js × 横スクロール × テーマカラー自動切替

このスキルが生成するもの

単一HTMLファイル(外部ライブラリはCDN)で完結する、以下の特徴を持つプレゼンスライド:

  • Three.js 3D背景 — スライドごとに異なるワイヤーフレームジオメトリが浮かぶ
  • 横スクロール — scroll-snap による1枚ずつのページめくり
  • テーマカラー自動切替 — スライドが画面に入ると背景色・アクセントカラーが滑らかに変わる
  • 視差効果(Parallax) — data-parallax 属性で要素ごとに奥行き感を演出
  • GlassPanel / IsometricGrid などの共通UIコンポーネント
  • 完全レスポンシブ — PC・スマホ両対応

必須ライブラリ(CDN)

<link href="https://fonts.googleapis.com/css2?fam

[Description truncada. Veja o README completo no GitHub.]
Compartilhar X LinkedIn