앨리스래빗팀 기술블로그

img {-ms-interpolation-mode;bicubic;}

-webkit-user-drag: none;

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); body { font-family: "Nanum Gothic", sans-serif; }

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); body { font-family: "Nanum Gothic", sans-serif; }

#grad1 { height: 200px; background: -webkit-linear-gradient(#4cbfca, #061114, #4cbfca); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#4cbfca, #061114, #4cbfca); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#4cbfca, #061114, #4cbfca); /* For Firefox 3.6 to 15 */ background: linear-gradient(#4cbfca, #061114, #4cbfca); /* Standard syntax (must be last) */ }

* { background-color: rgba(255,0,0,.2); } * * { background-color: rgba(0,255,0,.2); } * * * { background-color: rgba(0,0,255,.2); } * * * * { background-color: rgba(255,0,255,.2); } * * * * * { background-color: rgba(0,255,255,.2); } * * * * * * { background-color: rgba(255,255,0,.2); } * * * * * * * { background-color: rgba(255,0,0,.2); } * * * * * * * * { background-color: rgba(0,255,0,.2); } ..

www.w3schools.com/howto/howto_css_text_selection.asp How To Change Text Selection Color with CSS How TO - Change Text Selection Color Learn how to override the default text selection color with CSS. Text Selection Color Select the following text: Default text selection color Custom text selection color How To Change Text Selection Color Use the ::sele www.w3schools.com css-tricks.com/almanac/sel..

웹킷엔진을 사용하는 브라우저에서 두줄이상 여러줄 말줄임 처리가 가능한 프로퍼티가 생겼다. 이름은 -webkit-line-clamp 언제 생겼는지 참 유용하다! .ellipsis{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; } 참 편리하지만 웹킷엔진을 사용하지 않는 브라우저에서 문제가 생기기 때문에, height 를 정해줘야 하는데 이때 line-height 와 자르려고 하는 라인수를 계산해서 넣어줘야 한다. .ellipsis{ overflow: hidden; text-overflow..

caniuse.com/ Can I use... Support tables for HTML5, CSS3, etc caniuse.com www.koreahtml5.kr KOREA HTML5 HTML5 소개하고 동향정보와 활용정보, 교육안내 등 관련 정보 제공 html5.websrv.co.kr focus-visible focus-within

iOS 11.0 버전 constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left) iOS 11.2 이상 env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)