본문 바로가기

3D

단지 CSS로 이렇게 만들다니 대단!!! See the Pen Only CSS: 3D Scan by Yusuke Nakaya (@YusukeNakaya) on CodePen. 단지 CSS로 이렇게 만들다니 대단!!!
Canvas를 이용한 3D 소프트웨어 Vertex Ocean See the Pen 3D Software Vertex Ocean by Radik (@H2xDev) on CodePen. Canvas를 이용한 3D 소프트웨어 Vertex Ocean
3D 효과를 구현한 이미지 오버 이펙트 See the Pen 3D CSS Parallax Depth Effect by Adrian Payne (@dazulu) on CodePen. 3D 효과를 구현한 이미지 오버 이펙트입니다. CODE
[Text] 3D로 변경되는 텍스트 애니메이션 See the Pen 3D Cuboid Text Effect ✨ by Jouan Marcel (@jouanmarcel) on CodePen. [출처]
[Modal] 3D 효과로 구현한 레이어 팝업 애니메이션 See the Pen Mocean 3D Modals by GRAY GHOST (@grayghostvisuals) on CodePen. 3D 효과로 구현한 레이어 팝업 애니메이션 [출처]
[Text] 텍스트가 3D로 회전하는 듯한 애니메이션 텍스트 See the Pen Word Carousel by Austin Dudas (@IndieDevAustin) on CodePen. 텍스트가 3D로 회전하는 듯한 애니메이션 텍스트 [출처]
[Image] 방향에 따라 3D Hover 효과가 가는 소스 See the Pen Direction-aware 3D hover effect (Concept) by Noel Delgado (@noeldelgado) on CodePen. 방향에 따라 3D Hover 효과가 가는 소스 [출처]
[Text] 그라디언트가 들어간 3D 느낌의 텍스트 이펙트 효과 소스 See the Pen Gradient "3D" text by Make (@Make) on CodePen. 그라디언트가 들어간 3D 느낌의 텍스트 이펙트 효과 소스 [출처]
[Text] 마우스의 움직임에 다라 움직이는 3D 텍스트 애니메이션 See the Pen Bolded type by Lionel T (@elrumordelaluz) on CodePen. 마우스의 움직임에 다라 움직이는 3D 텍스트 애니메이션 [출처]
[Image] 마우스 방향에 따라 3D 회전하는 큐브 애니메이션 See the Pen Direction Aware 3D Cube Animation by Noel Delgado (@noeldelgado) on CodePen. 마우스 방향에 따라 3D 회전하는 큐브 애니메이션 [출처]
[Text] 자동으로 3D 스타일을 만들어 주는 텍스트 이미지 소스 See the Pen 3D Text by Pedro Henrique Pires (@pedrohenriquepires) on CodePen. 자동으로 3D 스타일을 만들어 주는 텍스트 이미지 소스 [출처]
[Text] 좌우로 3D느낌을 나게 해주는 텍스트 애니메이션 See the Pen #codevember_01 by John Garcia (@johnbgarcia) on CodePen. 좌우로 3D느낌을 나게 해주는 텍스트 애니메이션 [출처]
[Text] 3D느낌을 표현한 페이퍼 애니메이션 CSS See the Pen CSS Paper Text by Mattia Astorino (@equinusocio) on CodePen. 3D느낌을 표현한 페이퍼 애니메이션 CSS [출처]
[Text] 여러개의 면들이 조합하여 입체감을 주는 텍스트 소스 See the Pen 257 by creme (@creme) on CodePen. 여러개의 면들이 조합하여 입체감을 주는 텍스트 소스 [출처]