이렇게 제목줄에 삼각형 방향을 넣는 방법이다. • transparent : 색 투명을 이용해서 만들었다. 태그는 복잡해 보이는데 'border 대각선 개념'을 이해하면 아주 쉽다. css에서 h3로 지정하면 모든 h3에 적용되니 이용하는게 좋을 것 같다.

배경-background-에만 그라디언트 효과를 넣을 수 있는 줄 알았는데 글자도 된다. 배경은 linear-gradient 태그만 쓰면 되는데 글자는 background-image: linear-gradient(방향, 색, 색); // 그라디언트 효과 -webkit-background-clip: text; // 글자에만 효과주기 -webkit-text-fill-color: transparent; // 글자색 투명 요렇게 세트로 써야한다. 어렵고 이쁘다 ʘ‿ʘ

어렵네... 배움이란 항상 어려운 것이지. 이런거 잘 하는 사람 부럽다. 꾸준꾸준 틈틈이 하고는 있지만 이건 내가 할 수 있는 주제가 아닌 것 같기도 하고... 심심할 때 하면 재미지긴하다. 어렵다.^^ 끝.

position: fixed; top: 0px; width: 100%;

인라인 css - float: right; CSS 적용순서 : 인라인 / 내부, 외부CSS / 브라우저 기본 값

그라데이션 그라데이션 이쁘다. (ʘ‿ʘ✿) 가끔 써먹어야징~ (◕ㅁ◕✿) * 그라데이션 보는 사이트 https://uigradients.com/ uiGradients - Beautiful colored gradients uiGradients is a handpicked collection of beautiful color gradients for designers and developers. uigradients.com https://webgradients.com/ Free Gradients Collection by itmeo.com Free collection of 180 background gradients that you can use as content backdrops in any part of..

box-shadow none : 그림자를 적용하지 않는다. h-shadow : 그림자 X축 값 v-shadow : 그림자의 Y축 값 blur : 흐림 spread : 확장 color : 그림자 색 inset : 그림자를 내부에 적용 inherit : 속성 값을 상위요소로부터 상속받는다. box-shadow: 10px 10px #ccc; ▶ x값 / y값 / 색 box-shadow: 10px 10px 10px #ccc; ▶ x값 / y값 / 흐림값 / 색 box-shadow: 10px 10px 10px 10px rgba(0, 0, 0, 0.5); ▶ x값 / y값 / 흐림값 / 확장 / 색 box-shadow: inset 10px 10px 10px 10px rgba(0, 0, 0, 0.5); ▶ 내부 / ..

약간 투명한 이미지에 마우스를 올리면 원본으로 돌아오는 효과. opacity와 hover이용. 이미지에 마우스를 가져가 보자. 반대로 원본 이지를 투명하게 반응하게 하려면 opacity 기본값은 1.0이라 0.5만 지정해주면 된다. 파일은 이미지 링크를 걸기 위해 올린거니 다운 받지마세요.

이미지에 투명도 주기 opacity: 값; opacity 값은 0.0~1.0을 사용한다. 기본값은 1.0 이고 숫자가 작아 질수록 투명해진다. 오호~ 재미난 기능이네. opacity opacity opacity opacity opacity opacity !!!