본문 바로가기

Media

갤럭시 디자인에 시계 애니메이션 See the Pen Galaxy by zeynep (@zeynepozdem) on CodePen. 갤럭시 디자인에 시계 애니메이션
시계를 재밌게 표현한 애니메이션 See the Pen Neo Times ! by Webstoryboy (@webstoryboy) on CodePen. 시계를 재밌게 표현한 애니메이션
마우스 오버하면 비디오 영상 보이기 See the Pen Video button animation by Milan Raring (@milanraring) on CodePen. 마우스 오버하면 비디오 영상 보이기
귀여운 오디오 플레이어 애니메이션 See the Pen Better Audio Player by Bradley Treweek (@cmd430) on CodePen. 귀여운 오디오 플레이어 애니메이션
반응형이 지원되는 음악 미디어 플레이어 See the Pen Responsive Audio Player by Mark Hillard (@markhillard) on CodePen. 반응형이 지원되는 음악 미디어 플레이어
음악에 따라 움직이는 오디오 플레이어 See the Pen Audio Player by Alex Permyakov (@alexdevp) on CodePen. 음악에 따라 움직이는 오디오 플레이어
Vue.js를 이용한 미니 뮤직 플레이어 See the Pen Mini Music Player - VueJS by Muhammed Erdem (@JavaScriptJunkie) on CodePen. Vue.js를 이용한 미니 뮤직 플레이어
애플 애니메이션을 이용한 시계 애니메이션 See the Pen #Codevember 02 - Time by Ryan Mulligan (@hexagoncircle) on CodePen. 애플 애니메이션을 이용한 시계 애니메이션
버튼을 누르면 유튜브 영상 나오기 See the Pen Morph Play Button To Video Player #GSAP #ExpoScaleEase by Muhammed Erdem (@JavaScriptJunkie) on CodePen. 버튼을 누르면 유튜브 영상 나오기
tweenmax를 이용한 시계 애니메이션 See the Pen Flat Realtime Clock by halvves (@halvves) on CodePen. 마우스 방향에 따라 움직이는 글씨
바를 올려 놓으면 음악이 재생되는 플레이어 See the Pen SVG SoundCloud Vinyl Player by Chris Gannon (@chrisgannon) on CodePen. 바를 올려 놓으면 음악이 재생되는 플레이어
시계를 표현하는 능력이 좋네요^^ See the Pen Time Series 2: Typographic Clock by Peter Norton (@graphilla) on CodePen. 시계를 표현하는 능력이 좋네요^^
리액트를 이용한 백그라운은 시계 See the Pen ReactJS Clock with different formats by Ahmed Tarek (@ahmedtarek2134) on CodePen. 리액트를 이용한 백그라운은 시계
Card 스타일의 뮤직 플레이어 See the Pen Card Music Player by Mike Quinn (@mprquinn) on CodePen. Card 스타일의 뮤직 플레이어
노래 가사랑 싱크를 맞추어 주는 스크립트 See the Pen Lyrics Player by Zed Dash (@z-) on CodePen. 노래 가사랑 싱크를 맞추어 주는 스크립트
soundCloud를 이용한 뮤직 플레이어 See the Pen CSS 3D 트랜스폼 (실습 시작) by 야무 (@yamoo9) on CodePen. soundCloud를 이용한 뮤직 플레이어
클릭하면 플레이어가 나오는 뮤직 오디오 See the Pen Minimal Audio Player by Valery Alikin (@AlikinVV) on CodePen. 클릭하면 플레이어가 나오는 뮤직 오디오
뮤직과 파티클이 합쳐진 애니메이션 See the Pen #Codevember 10 - Musical Particles by Sean Free (@seanfree) on CodePen. 뮤직과 파티클이 합쳐진 애니메이션
자바스크립트를 이용한 시계 만들기 스크립트 See the Pen Javascript Analog Clock by Sean Free (@seanfree) on CodePen. 자바스크립트를 이용한 시계 만들기 스크립트
뮤직 파티클 애니메이션 효과 See the Pen Musical Particles II by Sean Free (@seanfree) on CodePen. 뮤직 파티클 애니메이션 효과
여러 곡을 골라가면서 들을 수 있는 MP3 See the Pen Music Player 2.0 by Emil (@emilcarlsson) on CodePen. 여러 곡을 골라가면서 들을 수 있는 MP3
웨이브치는 뮤직 플레이어 See the Pen Anomaly by Dronca Raul (@rauldronca) on CodePen. 웨이브치는 뮤직 플레이어입니다. 제이쿼리를 통해 플레이와 정지를 컨트롤 하고 웨이브는 transform을 통해 애니메이션을 주는 예제입니다. CODE