목록Flex (3)

비전공자 개발일기

Skeleton Screen

html { width: 100%; height: 100%; padding: 10px; box-sizing: border-box; background-size: cover; background-repeat: no-repeat; background: linear-gradient(45deg, rgba(34, 193, 195, 1) 0%, rgba(253, 187, 45, 1) 100%); } body { display: flex; justify-content: center; align-items: center; min-height: 100vh; } .container { display: grid; grid-template-columns: 28% 70%; grid-gap: 2%; background-color..
HTML _CSS 2023. 1. 12. 00:08
Responsive Services Section

Designing Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum, aperiam. Read More Development Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum, aperiam. Read More SEO Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum, aperiam. Read More * { margin: 0; padding: 0; box-sizing: border-box; } body { display: flex; justify-content: center; align-items: center; min-heig..
HTML _CSS 2022. 11. 11. 21:30
SWIPE.js jQuery

https://swiperjs.com/ Swiper - The Most Modern Mobile Touch Slider Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com Slide 1 Slide 2 Slide 3 ... html, body { position: relative; height: 100%; } body { background: #eee; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 14px; color: #000; margin: 0..
JQuery 2022. 5. 23. 01:08
이전 Prev 1 Next 다음