본문 바로가기
반응형

프로그램/Gallery15

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.
Grid cards(갤러리) #html / css #Author : X060T #gallery / 갤러리 #responsive #마우스 호버시 이벤트 발생 https://codepen.io/sszobnin/pen/MWxywKM Grid cards ... 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.
CSS Expandable Accordion Cards(갤러리) #html / css #Author : Zoe #gallery / Accordion / 갤러리 #마우스 호버시 좌우로 커지면서 애니메이션 발생 #활용도가 높아 보임 https://codepen.io/quicksilversel/pen/abMNYZL CSS Expandable Accordion Cards ... 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.
Vertical Slide Gallery (css only) - 갤러리 #html / css(scss) #Author : Hugo Salazar #gallery / 갤러리 #이미지 리스트가 교차로 위아래로 무한 스크롤 #활용도 높아 보임 https://codepen.io/HugoSalazar/pen/VwRKZEp Vertical Slide Gallery (css only) ... codepen.io 2024. 1. 28.
A CSS only expanding gallery II(갤러리) #html / css #Author : Temani Afif #gallery / 갤러리 #버튼 클리 시 이미지가 확산되며 원형으로 보임 https://codepen.io/t_afif/pen/JjawoPw A CSS only expanding gallery II ... codepen.io 2024. 1. 28.
Photo Gallery(갤러리) #html / css(scss) #Author : Russ Perry #gallery / 갤러리 #responsive / 반응형 #마우스 호버시 행당이미지가 흑백에서 컬러로 전환됨 https://codepen.io/rperry1886/pen/KKwbQNP Photo Gallery A masonry style photo gallery.... 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.