형광펜효과2 [css]형광펜효과- 가상클래스활용 형광펜 효과는 텍스트를 강조하기 좋은 스타일 이예요. 가상클래스를 활용해서 간단하게 원하는 곳에 형광펜 효과를 줄 수 있습니다. 사용된 CSS - 형광펜 효과 : 가상클래스 : before - 서체 변경 : 웹폰트 - 그래디언트 컬러 배경 : background:linear-gradient (to right, yellow 0%, lightblue 100%) - 여백 활용 : white-space : pre-line html 정호승 / 수선화에게 울지마라 외로우니까 사람이다 살아간다는 것은 외로움을 견디는 일이다 공연히 오지 않는 전화를 기다리지 마라 눈이 오면 눈길을 걷고 비가 오면 빗길을 걸어가라 갈대 숲에서 가슴 검은 도요새도 너를 보고 있다 가끔은 하느님도 외로워서 눈물을 흘리신다 새들이 나뭇가지에.. 2023. 11. 20. [css 활용] 하이라이터, 형광펜 효과 주기 주 사용 CSS 요소 - 가상 선택자 : before, hover - background: linear-gradient - transition html 마우스를 글자에 올리면 형광펜이 그어지는 효과예요. 그라디언트 컬러를 줄수도 있어요! :-) css body{ background-image:url(https://images.unsplash.com/photo-1601662528567-526cd06f6582?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=830&q=80); background-size:cover; background-position:center center; } .wrap{ mar.. 2022. 11. 3. 이전 1 다음 728x90 반응형
