노마드오브

  • 홈
  • 태그
  • 미디어로그
  • 위치로그
  • 방명록

2018/08/22 1

css3 - float 배치, 변환(transform rotate), 전환(transition), 리스트로 수직 메뉴 만들기, list float 응용, 애니메이션 응용 keyframes

DOCTYPE html> float 배치 #floatimg { border: 1px solid yellowgreen; margin: 10px; padding: 5px; float: left; /* position: relative; */ /* left: 10px; */ } 스폰지밥 저는 스폰지밥입니다. 먹는 밥이 아니고요 제 이름이 그냥 그래요. 그리고 어린이부터 노인까지 많은 분들의 사랑을 받고 있어요. 제 친구 뚱이도 있고요, 징징이도 있고 집게 사장님도 있어요 DOCTYPE html> 1초에 한바퀴식 무한번 반복 @keyframes turn { 0% { transform : rotate(0deg); } 100% { transform : rotate(360deg); } } #turn { animati..

IT/Css 2018.08.22
이전
1
다음
더보기
프로필사진

노마드오브

  • 분류 전체보기 (238)
    • IT (236)
      • Java (107)
      • Mysql (8)
      • Oracle (27)
      • Android (39)
      • Jsp (21)
      • jQuery (16)
      • JavaScript (5)
      • Html (2)
      • Css (6)
      • maven (4)
      • spring (1)
      • etc (0)
    • Travelling (2)
      • 2018 Santiago (2)
    • Cat (0)
    • Stag beetle (0)

Tag

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2018/08   »
일 월 화 수 목 금 토
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.

티스토리툴바