본문 바로가기 메뉴 바로가기

amanda의 공간입니다

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

amanda의 공간입니다

검색하기 폼
  • 분류 전체보기 (223)
    • WebPublisher (216)
      • HTML 마크업 (11)
      • CSS (30)
      • JavaScript & jQuery (61)
      • Git (5)
      • React (3)
      • PHP & ASP (9)
      • tip (5)
      • Interactive (22)
    • break (5)
  • 방명록

흘러가는텍스트효과 (1)
[CSS] 좌측으로 무한 흘러가는 플로팅 효과 marquee를 CSS로 구현

좌측으로 흘러가는 텍스트 효과를 javaScript 없이 CSS transform으로 구현하기 이미지 형식 marquee가 좌측으로 무한 플로팅 디바이스 width를 2560px까지 맞춰야하므로 이미지 사이즈는 3000px 정도로 준비 HTML CSS .float_wrap{ overflow-x: hidden; position: relative; height: 120px; background-color: #37BF92; } .float_conbox{ position: absolute; white-space: nowrap; will-change: transform; animation: marquee 30s linear infinite; } .float_conbox img{ max-width: unset; }..

WebPublisher/CSS 2024. 2. 21. 09:12
이전 1 다음
이전 다음
공지사항

Blog is powered by Tistory / Designed by Tistory

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.