🍋 CSS Tools
CSS 변환 생성기
CSS Transform을 시각적으로 생성
chars
words
sentences
lines
Transform Properties
결과
결과
CSS 변환 생성기 소개
CSS transform 속성을 시각적으로 만들고 코드를 생성합니다. 회전, 크기 조절, 이동, 기울기를 설정합니다.
작동 방식
회전, 크기, 이동, 기울기 값을 슬라이더로 조절하면 실시간 미리보기와 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 기
- 26 울
- 27 기
- 28 )
- 29 '
- 30 ,
- 31
- 32 '
- 33 값
- 34
- 35 조
- 36 절
- 37 '
- 38 ,
- 39
- 40 '
- 41 C
- 42 S
- 43 S
- 44
- 45 코
- 46 드
- 47
- 48 복
- 49 사
- 50 '
- 51 ]
팁
- [
- '
- t
- r
- a
- n
- s
- f
- o
- r
- m
- 은
- G
- P
- U
- 가
- 속
- 이
- 가
- 능
- 하
- 여
- 애
- 니
- 메
- 이
- 션
- 성
- 능
- 이
- 좋
- 습
- 니
- 다
- '
- ,
- '
- t
- r
- a
- n
- s
- f
- o
- r
- m
- -
- o
- r
- i
- g
- i
- n
- 으
- 로
- 변
- 환
- 의
- 기
- 준
- 점
- 을
- 변
- 경
- 할
- 수
- 있
- 습
- 니
- 다
- '
- ]