See the Pen Tabs with AlpineJS and TailwindCSS by Mithicher (@mithicher) on CodePen. Code 탭 메뉴 디자인 탭 메뉴 생각보다 쉬움
See the Pen Hearthstone Style Card Hover by Jack Rugile (@jackrugile) on CodePen. CSS를 이용한 마우스 오버하면 카드 나오는 애니메이션 카드게임 만들때 좋겠다 ㅎㅎㅎ css만 사용하여 만들었음
See the Pen Fancy Slider by Nikolay Talanov (@suez) on CodePen. Fancy Slider
See the Pen CSS as MOUSE by Stephane Buellet (@sbuellet) on CodePen. 마우스의 움직임에 따라 배경색이 변하는 코드
See the Pen Tiles Page Transition (CSS) by Milan Ricoul (@firestar300) on CodePen. 클릭 시 화면 전환 애니메이션 페이지 전환 효과로 사용하기에 좋다
See the Pen Swiper custom slides transform effect by Dmitry Udovichenko (@udovichenko) on CodePen. Swiper Slider #1 swiper.js를 이용하여 만든 슬라이더 전환 효과를 추가하였다
See the Pen Butterfly Hexagon by Anurag (@anuraghazra) on CodePen. CSS를 이용한 헥사곤 모양의 버튼 애니메이션 css만 사용하여 만들었습니다.
See the Pen Title Scroller by Jordan Halvorsen (@halvo) on CodePen. CSS를 이용한 텍스트 스크롤링 애니메이션 css만 사용하여 작업하였음
See the Pen Pure CSS toggle buttons by Mauricio Allende (@mallendeo) on CodePen. CSS를 이용한 toggle 버튼 애니메이션 css만 이용하여 만듬
See the Pen Bootstrap Datepicker Demo by Ryan Mulligan (@hexagoncircle) on CodePen. 날짜 선택 달력
See the Pen CSS3 Loader & Spinners by Vineeth.TR (@vineethtrv) on CodePen. CSS를 이용한 간단한 로딩 애니메이션 #2 css만 사용하여 만든 로딩 애니메이션
See the Pen Calendar mobile app UI by Eliza Rajbhandari (@eliza-rjb) on CodePen. 간단한 달력 앱 UI 디자인 구현 하였을 때의 모작을 위의 코드로 표현함
See the Pen Radio Buttons by Adir (@Adir-SL) on CodePen. CSS를 이용한 라디오 버튼 애니메이션 #2 css를 이용하여 만들었음
See the Pen Parallax Photo Carousel by Tom Miller (@creativeocean) on CodePen. 360도 회전하는 Parallax Photo 이미지 슬라이더 슬라이더 기능 , 마우스 오버 기능
See the Pen direction-aware shadow with ES6 by Mert Cukuren (@knyttneve) on CodePen. 코드를 편하게 볼 수 있는 UI 디자인 위젯으로도 사용가능, 마우스 오버 기능, 그라데이션 배경, 블러효과 추후에 복사 기능도 추가 하면 좋을 것 같다
See the Pen Demo: CSS scroll down button by Naoya (@nxworld) on CodePen. scroll down 버튼 애니메이션 모음 원하는 효과 찾아서 사용하시면 됩니다.
See the Pen music player widget by abxlfazl khxrshidi (@abxlfazl) on CodePen. 음악 플레이어 위젯 UI 디자인 버튼으로 따로 빼서 작업해도 좋다
See the Pen Simple Music App UI Design 🎵▶️ by Aysenur Turk (@TurkAysenur) on CodePen. 간단한 음악 앱 UI 디자인
See the Pen Menu Button Interaction by Aybüke Ceylan (@aybukeceylan) on CodePen. 간단한 Menu 버튼 애니메이션
See the Pen #2 in 2021 / Welcome / CSS Stylus Pug by Toshiya Marukubo (@toshiya-marukubo) on CodePen. CSS를 이용한 Welcome 애니메이션 css를 이용하여 만들었음 인트로로 사용하기에 좋음
