본문 바로가기
반응형

js304

Vertical Tabs And Cards(탭) #html / css / js #Author : Nathan S.R. #Tabs / 탭 #Vertical Tabs #좌측 수직 메뉴로 활용 가능 https://codepen.io/nathan-sr/pen/yLwYrWm Vertical Tabs And Cards Vertical Tabs And Cards... codepen.io 2024. 1. 29.
38 Mobile Tab Navigation(탭) #html / css / js #Author : Weronika #Tabs / 탭 #모바일 용도로 최적화 #활용도 높음 https://codepen.io/nietoperq/pen/dyrpgBN 38 Mobile Tab Navigation Mobile Tab Navigation Project 38 / 50 50 Projects In 50 Days - HTML, ... codepen.io 2024. 1. 29.
Tabs(탭) #html / css / js #Author : Pantea #Tabs / 탭 #탭의 기본 / 활용도 높음 https://codepen.io/Panni98/pen/vYPJjmK Tabs This is a tab switch made with bootstrap and jquery. it will show the first tab on default when loaded and saves the last clicked tab to local storage... codepen.io 2024. 1. 29.
Isotope Food Menu Gallery(갤러리) #html / css / js #Author : ECODE DESIGN #gallery / 갤러리 #상단 버튼을 클릭 시 같은 카테고리에 해당되는 이미지만으로 재 구성됨 #활용도가 높아 보임 https://codepen.io/ecodedesign/pen/BaMMjBr Isotope Food Menu Gallery Isotope Food Menu Gallery... codepen.io 2024. 1. 28.
ILLUSTRATION GALLERY(갤러리) #html / css / js #Author : Ridley Dominguez #gallery / 갤러리 #responsive #갤러리 이미지 클릭 시 모달창 이벤트가 발생함 https://codepen.io/jellykebab/pen/zYegeYM ILLUSTRATION GALLERY ... codepen.io 2024. 1. 28.
Swiper custom pagination as fixed header to create background slider( 갤러리) #html(Pug) / css(scss) / js #Author : Zoe #gallery / 갤러리 / Swiper #Swiper slider를 이용한 갤러리 https://codepen.io/quicksilversel/pen/yLwOPye Swiper custom pagination as fixed header to create background slider Using SwiperJS' custom pagination settings to create a sticky header... codepen.io 2024. 1. 28.
card gallery with Swiper coverflow effect(갤러리) #html / css / js #Author : Zoe #gallery / 갤러리 #Swiper slider를 이용한 갤러리 #갤러리 이미지를 마우스 호버시 이벤트 효과가 발생 #슬라이더를 만들 때 활용도가 높아 보임 https://codepen.io/quicksilversel/pen/yLwOQee card gallery with Swiper coverflow effect ... codepen.io 2024. 1. 28.
Gsap | Photo Gallery | Animation(갤러리) #html / css / js #Author : Samie #gallery / 갤러리 #responsive / 반응형 #활용도가 높아 보임 https://codepen.io/samie-ub/pen/LYaywOx Gsap | Photo Gallery | Animation ... codepen.io 2024. 1. 28.
Filter gallery(갤러리 #html / css / js #Author : nera #gallery / 갤러리 #갤러리 리스트 상단 버튼 클릭 시 해당 이미지로 만으로 재배치됨 #활용도가 높음 https://codepen.io/nera-iba/pen/wvOqdRV Filter gallery Very simple filter gallery with a masonry image output. ... codepen.io 2024. 1. 28.
Responsive Vertical Scrolling Parallax Gallery ( Lerp ) - 갤러리 #html / css / js #Author : noirsociety #gallery / 갤러리 #Responsive / 반응형 #단순해 보이면서도 깔끔한 디자인 #활용도가 높은 #스크롤시 각각의 이미지가 위로 더 보여짐 https://codepen.io/noirsociety/pen/NWJvgZg Responsive Vertical Scrolling Parallax Gallery ( Lerp ) ... codepen.io 2024. 1. 28.
ExpandingGallery(갤러리) #html / css / js #Author : Rafał #gallery / 갤러리 #작은 이미지 클릭시 좌우로 커짐 / 이미지 타이틀이 나타남 https://codepen.io/nikczemnydev/pen/WNmXjyL ExpandingGallery HTML, CSS, JavaScript - ExpandingGallery - a pretty gallery to showcase some pretty pictures as well as my skills. : ) This web application product is ... codepen.io 2024. 1. 28.
Soundboard with Play/Pause Button and Animation(버튼) #html / css / js #버튼 / button #사운드 플레이 버튼으로 매우 적합한 버튼이다. #플레이 버튼을 클릭하면 잠시 멈춤 버튼으로 전환됨 https://codepen.io/EspressoCat/pen/MWxpoaB Soundboard with Play/Pause Button and Animation This project focuses on working with the HTML5 audio tag to create a soundboard. The soundboard consists of different effects that are triggered by but... codepen.io 2024. 1. 27.

티스토리툴바