본문 바로가기
반응형

CSS494

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.
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.
Gallery layout along the curved path with CSS offset and quantity selectors(갤러리) #html / css #Author :Ilya Streltsyn #gallery / 갤러리 #마우스 호버시 이미지가 커지는 이벤트가 발생함 https://codepen.io/SelenIT/pen/zYLoXdB Gallery layout along the curved path with CSS offset and quantity selectors ... codepen.io 2024. 1. 28.
diamond shape grid(갤러리) #html / css #Author : Tanisha Smith #gallery / 캘러리 #마우스 호버시 해당 이미지 밝게 보임 #기하학적 배치가 특이함 https://codepen.io/techyt/pen/vYORYQy diamond shape grid ... codepen.io 2024. 1. 28.