【カウントアップ】
数値に動きを与え、実績の信頼性と注目度を高めます。
【Gsap】
- スクロールで表示時にカウント開始
- 桁区切りと整数丸めで見やすく整形
- アニメーション無効設定時は静止値表示
SKILL
Crafting ideas into visual experiences.
SKILL
ひとつひとつの技術は、物語を形にするための“光”です。
コードもデザインも、想いを映すための大切な手段として。
使用ツールや技術を組み合わせ、目的に合わせた最適な表現を行います。
【CSSアニメーション】
repeating-linear-gradient と @keyframes を用いた無限ループ背景演出（映画フィルム風アニメーション）
【CSS】
- 画像を使わずに背景模様を生成
- @keyframes + repeating-linear-...
- 軽量かつGPUレンダリング最適化
【3Dカルーセル】
立体的な回転アニメーションを用いて、複数の画像・要素を視覚的に魅せる表現です。 空間の奥行きを利用することで、動きに印象が生まれます。
【CSS】
- CSS の transform: rotateY() を使っ...
- 平面では表現できない「奥行き」を与えることで、作品に没入感を...
- CSS の 3D 変形を活用し、画像を円状に配置した立体スラ...