attribute1

attribute2

attribute3

9. opacity 투명도

• 0: 투명/ 1:불투명
• 전체 투명도를 결정함 (글자 포함)
• 하위 요소까지 전부 적용 포함
• (하위에서 인라인으로 바꿔도 적용 안됨)

🔶 팝업과 blur를 같이 사용할때 대체로 popup 아래 blur 사용 (근데 z-index사용하기에 순서 무방)

10. transform

• translate (fixed, absolote랑 자주 쓰임)

  • ( X축, Y축) Z축
  • 중앙정렬

  top: 50%; left: 50%; transform: translate(-50%, -50%);
  

• rotate

  • (___deg)

• scale

  • (__): 억지로 화면 늘리기
  • (__, __): 배율로 늘리기

• skew

  • 왜곡

11. border

• (__px, dashed/dotted/solid, color)
• border를 주면 기본으로 요소 안쪽으로 추가됨
• box-sizing: border-box를 주면 요소 바깥으로 추가됨