Global

Inspired

lifestyle

Blog

Absolute Position : Column1, Column3 의 브러쉬 이미지 위치조정

brush01 absolute Top, Left 위치값 조정
brush03 absolute Bottom, Right 위치값 조정

Zoom-in Box : WPCODEBOX 등록

Column Div 의 Hover 이벤트시 하단의 이미지 및 오버레이 효과
WPCODEBOX Enable 버튼 주의
.zoomin-column:hover { .zoomin-image { transform:scale(1.2); } .zoomin-overlay { opacity: 0.5; } }

Zoom-in Box : WPCODEBOX 등록

Column Div 의 Hover 이벤트시 하단의 이미지 및 오버레이 효과
WPCODEBOX Enable 버튼 주의
.zoomin-column:hover { .zoomin-image { transform:scale(1.2); } .zoomin-overlay { opacity: 0.5; } }

Infinite Logo slider in Bricks Builder Nestable Slider

Slider (Nestable) 의 CSS 코드등록 : cubic-bezier(0.25, 1, 0.5, 1) 0s; 타이밍 함수 변경
root :where(.splide__list, .splide__slide) { transition-timing-function: linear !important; }

Image Hover -> Zoom In Effect

  • image hover -> transform.scaleX : 1.2, scaleY : 1.2
  • image container -> Layout.MISC.Overflow : hidden
  • image -> CSS transition : all 0.5s ease-in

기간망 네트워크 사업

광시스템 설계 및 공사

Image Hover -> Move Up Effect

  • image hover -> transform.Translate Y : -12px
  • image -> CSS transition : all 0.2s ease-in
  • image hover CSS transition : Not SET