본문 바로가기

css

[style] CSS 레인보우(Rainbow) 색상의 텍스트 만들기 CSS 레인보우(Rainbow) 색상의 텍스트 만들기 background-image: linear-gradient(90deg, red, orange, yellow, green, blue, navy, purple); // 배경색으로 무지개를 만듦 -webkit-background-clip: text; // 배경색이 텍스트에만 적용되도록 함 color: transparent; // 텍스트의 색을 투명으로 변경되어 배경색이 적용되도록 바꿈 Hello Rainbow! .text-rainbow { background-image: linear-gradient(90deg, red, orange, yellow, green, blue, navy, purple); -webkit-background-clip: text; c.. 더보기
CSS 이미지 스프라이트(Image Sprite) CSS 이미지 스프라이트(Image Sprite) 이미지 스프라이트(image sprite)란 여러 개의 이미지를 하나의 이미지로 합쳐서 관리하는 이미지를 의미합니다. 웹 페이지에 이미지가 사용될 경우 해당 이미지를 다운받기 위해 웹 브라우저는 서버에 이미지를 요청하게 됩니다. 하지만 사용된 이미지가 많을 경우 웹 브라우저는 서버에 해당 이미지의 수만큼 요청해야만 하므로 웹 페이지의 로딩 시간이 오래 걸리게 됩니다. 이미지 스프라이트(image sprite)를 사용하면 이미지를 다운받기 위한 서버 요청을 단 몇 번으로 줄일 수 있습니다. 모바일 환경과 같이 한정된 자원을 사용하는 플랫폼(platform)에서는 웹 페이지의 로딩 시간을 단축해주는 효과가 있습니다. 또한, 많은 이미지 파일을 관리하는 대신 .. 더보기
[javascript] jQuery HTML / CSS Methods jQuery HTML / CSS Methods www.w3schools.com/jquery/jquery_ref_html.asp jQuery HTML / CSS Methods jQuery HTML / CSS Methods jQuery HTML / CSS Methods The following table lists all the methods used to manipulate the HTML and CSS. The methods below work for both HTML and XML documents. Exception: the html() method. Method Description addClass() Adds one www.w3schools.com MethodDescription addClass(.. 더보기
[CSS] CSS Selector www.w3schools.com/cssref/css_selectors.asp CSS Selectors Reference CSS Selector Reference CSS Selectors In CSS, selectors are patterns used to select the element(s) you want to style. Use our CSS Selector Tester to demonstrate the different selectors. Selector Example Example description .class .intro Selects all elements www.w3schools.com www.w3schools.com/cssref/trysel.asp Try CSS Selector Wel.. 더보기
SVG, dashoffset, X,Y, animation SVG, dashoffset, X,Y, animation https://jsfiddle.net/user/dashboard/fiddles/ 더보기
A utility-first CSS framework for rapid UI development. -https://tailwindcss.com/ A utility-first CSS framework for rapid UI development. -https://tailwindcss.com/ ... 더보기
[javascript] 15 Interesting JavaScript and CSS Libraries for February 2017 15 Interesting JavaScript and CSS Libraries for February 2017http://tutorialzine.com/2017/02/15-interesting-javascript-and-css-libraries-for-february-2017/ LocalForageWrapper for indexedDB and WebSQL that improves the ability of web apps to store data locally for offline use. Writing and reading is done in a similar fashion to localStorage but many types of data can be saved instead of only stri.. 더보기
[javascript] Multiple.js: Share backgrounds across multiple elements Multiple.js is an experiment for sharing backgrounds across multiple elements using CSS. Homepage: http://multiple.js.org/ GitHub: https://github.com/NeXTs/Multiple.js 더보기