uiux 16일차

이명진·2024년 12월 4일

BEM 명령법

안되는 것
:usercomponent(띄어쓰기 없이 하는 것)

ex)
user-component-title
user_component_title
userComponentTitle


cursor pointer
: 해당 구역에 마우스 커서를 갖다대면 커서 모양을 손모양으로 바꿔줌


transform:rotate(45deg);
: 45도 돌려줌


box-shadow
:요소 박스에 그림자 효과를 적용하는 속성


visibility:hidden;

  1. display:none (block)
    :아예 사라지게 하는 것. 보이지도 않고 해당 공간도 존재하지 않게 됨

  2. visivility:hidden (visible)
    :보이지만 않고 해당 공간은 존재. width 와 height 값을 주었다면 그만큼 공간은 존재하게됨

참고:https://unabated.tistory.com/entry/displaynone-%EA%B3%BC-visibilityhidden-%EC%9D%98-%EC%B0%A8%EC%9D%B4


opacity:0;

:불투명도 조절


transform:translateX(50px)
transform:translateY(-100%)
:기본적으로 설정 된 현재 위치로 부터 x, y축으로 특정 거리만큼 이동한다.

0개의 댓글