profile
On my way to become a Web Publisher
post-thumbnail

box-shadow

box-shadow는 요소의 테두리 그림자 효과를 추가한다.

2020년 10월 20일
·
0개의 댓글
post-thumbnail

slick slide button cursor 효과

slick slide 에 있는 botton 을 커스터마이즈하여 커서효과를 적용표시되는 아웃라인을 없애고 slick-prev, slick-next는 버튼태그이며, 반으로 같은 크기로 속성을 주었다.

2020년 10월 14일
·
0개의 댓글
post-thumbnail

background overlay

background overlay - burger 버튼 클릭시 나머지 배경에 명암을 줘서 burger 버튼 컨텐츠 조명효과를 줘야한다.

2020년 10월 14일
·
0개의 댓글
post-thumbnail

@keyframes

@keyframes는 어떤 모습에서 어떤 모습으로 변할 지를 설정

2020년 10월 12일
·
0개의 댓글
post-thumbnail

addEventListener('resize', )

브라우저 화면의 크리가 변할 시 즉, documnet view가 변경될 때 발생된다.

2020년 10월 12일
·
0개의 댓글
post-thumbnail

@mixin and @include

내가 정의한 스타일 속성을 함수로 만들고 재사용성을 높이기 위해 사용한다.

2020년 10월 9일
·
0개의 댓글
post-thumbnail

translate: matrix()

원근감을 일괄 적용시킨다.

2020년 10월 9일
·
0개의 댓글
post-thumbnail

visibility

visibility 속성은 태그의 가시성을 결정한다. default값은 inherit이다.

2020년 10월 9일
·
0개의 댓글
post-thumbnail

translate3d

translate3d() CSS 함수는 3D공간에 요소의 위치를 이동시킨다.

2020년 10월 9일
·
0개의 댓글
post-thumbnail

Semantic web

시맨틱 웹은 '의미론적인 웹' 이라는 뜻.

2020년 10월 9일
·
0개의 댓글
post-thumbnail

rgba

간단하게 말하면 rgb + opacity, rgb 색상 값에 투명도가 추가된 것.

2020년 10월 9일
·
0개의 댓글
post-thumbnail

slick-slide

반응형 웹을 지원하는 슬라이더 라이브러리로 나는 여러 article을 슬라이더 효과를 주어 표현하고자 사용하게 되었다.

2020년 10월 7일
·
0개의 댓글
post-thumbnail

SCSS

Sass - js 방식을 css에서 사용해보고자 나왔다.

2020년 10월 7일
·
0개의 댓글