Reference 검색 결과
209 개의 검색 결과가 있습니다.
CodePen[코드]/Menu

Code 탭 메뉴 디자인

See the Pen Tabs with AlpineJS and TailwindCSS by Mithicher (@mithicher) on CodePen. Code 탭 메뉴 디자인 탭 메뉴 생각보다 쉬움

2021. 9. 10. 11:30
CodePen[코드]/Animation

CSS를 이용한 마우스 오버하면 카드 나오는 애니메이션

See the Pen Hearthstone Style Card Hover by Jack Rugile (@jackrugile) on CodePen. CSS를 이용한 마우스 오버하면 카드 나오는 애니메이션 카드게임 만들때 좋겠다 ㅎㅎㅎ css만 사용하여 만들었음

2021. 9. 9. 18:00
CodePen[코드]/Slider

Fancy Slider

See the Pen Fancy Slider by Nikolay Talanov (@suez) on CodePen. Fancy Slider

2021. 9. 9. 15:30
CodePen[코드]/Gradient

마우스의 움직임에 따라 배경색이 변하는 코드

See the Pen CSS as MOUSE by Stephane Buellet (@sbuellet) on CodePen. 마우스의 움직임에 따라 배경색이 변하는 코드

2021. 9. 9. 14:00
CodePen[코드]/Mouse Event

클릭 시 화면 전환 애니메이션

See the Pen Tiles Page Transition (CSS) by Milan Ricoul (@firestar300) on CodePen. 클릭 시 화면 전환 애니메이션 페이지 전환 효과로 사용하기에 좋다

2021. 9. 9. 11:00
CodePen[코드]/Slider

Swiper Slider #1

See the Pen Swiper custom slides transform effect by Dmitry Udovichenko (@udovichenko) on CodePen. Swiper Slider #1 swiper.js를 이용하여 만든 슬라이더 전환 효과를 추가하였다

2021. 9. 9. 10:30
CodePen[코드]/Mouse Event

CSS를 이용한 헥사곤 모양의 버튼 애니메이션

See the Pen Butterfly Hexagon by Anurag (@anuraghazra) on CodePen. CSS를 이용한 헥사곤 모양의 버튼 애니메이션 css만 사용하여 만들었습니다.

2021. 9. 8. 18:30
CodePen[코드]/Text

CSS를 이용한 텍스트 스크롤링 애니메이션

See the Pen Title Scroller by Jordan Halvorsen (@halvo) on CodePen. CSS를 이용한 텍스트 스크롤링 애니메이션 css만 사용하여 작업하였음

2021. 9. 8. 18:00
CodePen[코드]/Mouse Event

CSS를 이용한 toggle 버튼 애니메이션

See the Pen Pure CSS toggle buttons by Mauricio Allende (@mallendeo) on CodePen. CSS를 이용한 toggle 버튼 애니메이션 css만 이용하여 만듬

2021. 9. 8. 15:00
Tutorial[배우기]/CSS Tutorial

쉽게 배우는 Flex 속성 튜토리얼

See the Pen Flexbox playground by Gabi (@enxaneta) on CodePen. 쉽게 배우는 Flex 속성 튜토리얼 flex-direction : 내부 요소들의 방향 설정 1)row : 가로 2)row-reverse : 가로 역순 3)column : 세로 4)column-reverse : 세로 역순 flex-wrap : 줄바꿈 1)nowrap : 줄바꿈 없음 2)wrap : 줄바꿈 있음 3)wrap-reverse : 역순으로 줄바꿈 align-items : 내부 요소의 세로 위치 설정 1)flex-start : 위쪽 정렬 2)flex-end : 아래쪽 정렬 3)center : 중앙 정렬 4)baseline : 개개인 크기에 맞춰 5)stretch : 꽉차게 justify-..

2021. 9. 8. 14:30
CodePen[코드]/Mouse Event

날짜 선택 달력

See the Pen Bootstrap Datepicker Demo by Ryan Mulligan (@hexagoncircle) on CodePen. 날짜 선택 달력

2021. 9. 8. 12:30
CodePen[코드]/Animation

CSS를 이용한 간단한 로딩 애니메이션 #2

See the Pen CSS3 Loader & Spinners by Vineeth.TR (@vineethtrv) on CodePen. CSS를 이용한 간단한 로딩 애니메이션 #2 css만 사용하여 만든 로딩 애니메이션

2021. 9. 7. 12:30
CodePen[코드]/UI·UX

간단한 달력 앱 UI 디자인

See the Pen Calendar mobile app UI by Eliza Rajbhandari (@eliza-rjb) on CodePen. 간단한 달력 앱 UI 디자인 구현 하였을 때의 모작을 위의 코드로 표현함

2021. 9. 7. 11:30
CodePen[코드]/Mouse Event

CSS를 이용한 라디오 버튼 애니메이션 #2

See the Pen Radio Buttons by Adir (@Adir-SL) on CodePen. CSS를 이용한 라디오 버튼 애니메이션 #2 css를 이용하여 만들었음

2021. 9. 7. 11:00
CodePen[코드]/Slider

360도 회전하는 Parallax Photo 이미지 슬라이더

See the Pen Parallax Photo Carousel by Tom Miller (@creativeocean) on CodePen. 360도 회전하는 Parallax Photo 이미지 슬라이더 슬라이더 기능 , 마우스 오버 기능

2021. 9. 7. 10:30
CodePen[코드]/UI·UX

코드를 편하게 볼 수 있는 UI 디자인

See the Pen direction-aware shadow with ES6 by Mert Cukuren (@knyttneve) on CodePen. 코드를 편하게 볼 수 있는 UI 디자인 위젯으로도 사용가능, 마우스 오버 기능, 그라데이션 배경, 블러효과 추후에 복사 기능도 추가 하면 좋을 것 같다

2021. 9. 7. 10:00
CodePen[코드]/Animation

scroll down 버튼 애니메이션 모음

See the Pen Demo: CSS scroll down button by Naoya (@nxworld) on CodePen. scroll down 버튼 애니메이션 모음 원하는 효과 찾아서 사용하시면 됩니다.

2021. 9. 7. 09:00
CodePen[코드]/UI·UX

음악 플레이어 위젯 UI 디자인

See the Pen music player widget by abxlfazl khxrshidi (@abxlfazl) on CodePen. 음악 플레이어 위젯 UI 디자인 버튼으로 따로 빼서 작업해도 좋다

2021. 9. 6. 19:00
CodePen[코드]/UI·UX

간단한 음악 앱 UI 디자인

See the Pen Simple Music App UI Design 🎵▶️ by Aysenur Turk (@TurkAysenur) on CodePen. 간단한 음악 앱 UI 디자인

2021. 9. 6. 18:30
CodePen[코드]/Mouse Event

간단한 Menu 버튼 애니메이션

See the Pen Menu Button Interaction by Aybüke Ceylan (@aybukeceylan) on CodePen. 간단한 Menu 버튼 애니메이션

2021. 9. 6. 18:00