# slide

sofina

fade in,out 이거 야무짐slide 관련 (slow,fast,시간(1/1000)카테고리 슬라이드 관련 참고코드이미지 슬라이드 관련 참고코드animate 관련

hty0525

슬라이드를 구현!

nuyhes

결과HTMLP 태그에 클래스이름을 정한다. SCSS 반복문을 위해 SCSS 에서 작성한다.script변수 \`\`\`javascriptimageList.css('display','none');imageList.eq(imgIndex).css('display','block

nuyhes

결과hover를 하게되면 투명도가 있는 배경이 이미지에 십자가모양으로 이펙트를 주게된다.HTMLCSSClass Top , Bottom 의 그림설명top은 넓이가 100%를 차지한다 높이는 50% 영역을 차지하고 하단에 위치한다. (위치가 헷갈릴듯.. 양해바람)botto

nuyhes

결과HTMLCSSscript어제 만든 불릿버튼 슬라이드와 코드는 거의 같다. 하지만 다른건 숫자 카운팅인데 크게 다르지 않게 만들었다. ex ) 불릿과 마찬가지로 addClass , removeClass 로 01/05 class=on02/0503/0504/0505/05

nuyhes

결과HTMLCSSjs

nuyhes

반응형 페이지 제작 1-1 > 이번 시간에는 제플린을 사용하여 반응형 페이지를 제작한다. 제플린이란? > ### 제플린을 쓰는 이유 이미지 슬라이스 사용이 편리하다. 텍스트 선택시 폰트 정보가 다 나온다. CSS로 나오는데 필요한 부분만 셀렉해서 사용하는 것을

jeong2

slick slide 사용법 개빡친다

hvvany

자동 슬라이딩 카드 HTML css

nuyhes

결과HTML 구성CSS 구성

nuyhes

슬라이드 이미지 hover 기능과 버튼 기능 (슬라이드) HTML 구성CSS는 생략...(슬라이드) JavaScript 구성HTML 구성CSS 구성

nuyhes

경기도 사이버 도서관메뉴는 생략하고 슬라이드 부분과 검색창을 만든다 (슬라이드) HTML 구성span 태그에는 ir_pm 을 넣어 작성한다..ir_pm {display:block; overflow:hidden; font-size:0; line-height:0; text

harimad

이번 장에서는 바닐라 자바스크립트로 슬라이드 네비게이션을 구현해 보겠습니다. 버튼을 눌렀을 때 슬라이드가 왼쪽, 오른쪽 이동하도록 만들겠습니다.

ahncheer

LWC에서 다른 LWC페이지 불러오기/ 오른쪽에서 나오는 화면

nicesawo

공식문서https://pub.dev/packages/carousel_slider메인 코드파라미터

codns1223

이미지 3장을 map으로 돌리기 위해 우선 임의로 bannerList state에 저장을 해둔다.저장한 이미지를 map을 통해 나열해준다.슬라이드 구현은 css의 transform에 translate를 사용할 것이고 inline style 형식으로 작성해준다. (\*

ysih1219

이전에 올린 페이지의 사진을 클릭해서 링크를 타고 들어오면,위와 같은 페이지로 이동할 수 있다.css에서 Link class에 hover를 주어 마우스를 갖다대면 이미지가 서서히 확대되게 설정했다.다음은, 상단에 있는 ME MBTI등을 클릭하면 해당 위치로 이동하게 된

jun_53

3주차 진행 디자인을 전달받고 개발에 들어가게되었다. css를 다시 공부하게 되었다. 슬라이드를 구현하였다.

tygerhwang

Custom Slide Screen Example

j-jhoo

🌈 React에서 이미지슬라이드 기능 구현 🌀React slide 👉 React로 '홀라' 프로젝트 진행 중 내가 맡은 기능 구현은 '메인 슬라이더'였다. 처음 슬라이드 기능을 구현할 때 정말 감이 아예 안왔다.... 물어도 보고 구글링도 해보고 혼자 생각도 해보았다. class형 component에서 슬라이드 기능 구현을 찾는게 생각보다 쉽지는 ...