저장소

  • 홈
  • 태그
  • 방명록

Transition 1

CSS (transform, animation, transition)

CSS 2D transform 2차원 좌표에서 요소를 변형시키는 속성 이동, 확대, 축소, 회전, 경사등을 만들 수 있음 translate : 이동 rotate : 회전 scale : 확대, 축소 skew : 경사(약간 꼬거나 틀기) DOCTYPE html> transform p{ width: 600px; padding: 20px; border: 3px solid rgba(0,0,0,0.5 ); } #translate { transform: translate(30px, 50px); /*이동에 관한 것- > x,y*/ background-color: deeppink; } #rotate { transform: rotate(60deg); /*~도 회전하는 기능 - deg*/ background-color: g..

Frontend/CSS 2022.10.31
이전
1
다음
더보기
반응형
프로필사진

저장소

복습용 블로그

  • 분류 전체보기
    • LLM(Open AI)
    • 업무 기록
      • API
      • WEB
      • ETC
    • Next.js
    • Kotlin
    • Java
      • Java 인강
      • Java 학원 복습
      • Java
    • Chatgpt
    • JavaScript
    • Spring
      • 프로젝트 코드 리뷰
    • Python
      • 알고리즘&자료구조
      • 데이터분석
      • openCV
    • DevOps
    • Frontend
      • HTML
      • CSS
      • Vue
    • Error
    • JDBC
    • Lisence
      • 정보처리기사
      • SQLD
      • NCA
    • 취업 및 이직 준비
      • 코딩테스트 준비
      • 기술면접 준비
    • DB
      • MySQL
    • 대학원 시험 공부
    • Git
    • JSP
    • 일기(잡)

Tag

ChatGPT, 자바, javascript, 프로젝트, 자료구조, 자바스크립트, 기본, 리눅스, 티스토리챌린지, 알고리즘, CSS, jsp, 파이썬, 오블완, java, 코딩테스트, html, 국비지원, 백준, Spring,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바