창고

  • 홈
  • CSS/JS
  • Design
  • ETC

css 2

[vanilla JS + CSS] marquee text 생성기

깃허브에서 미리보기 : https://github.com/OhIkmyeong/marquee_text GitHub - OhIkmyeong/marquee_text Contribute to OhIkmyeong/marquee_text development by creating an account on GitHub. github.com 사용방법 : HTML : marquee 시킬 텍스트들을 감싼 ul에 클래스 "marqueeText"를 지정합니다. 기본 : 수평, 왼쪽방향으로 흐름 (왼 오) .marqueeText.vertical.down : 수직. 위에서 아래로 흐름 .marqueeText.vertical : 아래에서 위로 흐름..

CSS&JS/✨개인 프로젝트 2022.03.07

[vanilla JS] 터치 슬라이더, 그랩 슬라이더

지난번에 만든 터치슬라이더는 웹에서는 터치이벤트를 제공하지 않기 때문에 반쪽짜리 슬라이더였음. 이번에는 웹에서는 mousedown + mousemove + mouseup / 터치 지원 환경에서는 touchmove, touchend시 좌우로 SNAP 되는 바닐라 자바스크립트 슬라이더를 만들어봤다. 다음은 소스코드 HTML 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 touch, grab 일시정지 0 1 2 3 4 5 ⬅ ➡ Colored by Color Scripter cs CSS 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25..

CSS&JS/⚡Thinkers 2021.08.02
1
더보기
프로필사진

  • 분류 전체보기 (200)
    • CSS&JS (184)
      • ✨개인 프로젝트 (15)
      • ⚡Thinkers (71)
      • 👀Study and Copy (86)
      • 🧷Useful Sites and Memo (2)
      • Frontend Mini Challenge (5)
      • 코딩테스트 (5)
    • DESIGN (12)
    • ETC (4)

Tag

javascript, Frontend Mini Challenge, Custom Select, 우쿨렐레, 바닐라 자바스크립트, marquee, fmc, Vanilla Javascript, 커스텀 셀렉트, sigmoira challenge, JS, js class, Class, 자바스크립트, canvas API, reduce, vanilla js, html, Zerocho, css,

Copyright © Kakao Corp. All rights reserved.

티스토리툴바