728x90 반응형 분류 전체보기298 [CSS]animate steps를 이용해 타이핑 효과 내기 간단하게 타이핑 효과를 구현할 수 있다. See the Pen 글자 타이핑 효과 -css by gahyun (@gahyun) on CodePen. width를 steps로 늘려가는 애니메이션 효과로 타이핑느낌을 낼 수 있다. 다만 일정한 width를 늘려가므로 띄어쓰기나 .과 같은 특수문자가 문장 중간에 끼여있다면 조금 어색한 느낌이 나거나 잘려나오는 효과가 나타날 수 있다. 좀더 정확하게 구현하고 싶다면 자바스크립트를 이용해 구현할 수 있다 [javascript] - [JAVASCRIPT/JQUERY] 글자 타이핑 효과 2019. 5. 22. [CSS]FLEX 기초2 [CSS3] 레이아웃 flex 이용하기 이글을 정리할때는 뭔가이해가 안갔는데 이제 어떻게 써야할지 알거같아서 다시 정리! .box{ text-align: center; height: 10vh; flex-grow: 1; flex-shrink: 1; align-content: center; justify-content: center; flex-basis: 300px; } .box-1{ background: hotpink; flex-grow: 0; } .box-2{ background: purple; flex-shrink: 0; } .box-3{ background: blueviolet; flex-grow: 0; flex-shrink: 0; } .box-4{ background: plum; } .box-5{ .. 2019. 5. 22. [JAVASCRIPT]alert (경고창) / confirm (확인창) / prompt (입력창) alert - 단순 경고창으로 입력한 문구를 보여주고, 닫히면 끝난다. confirm - 확인창으로 확인과 취소에 따라 다른 결과를 보여줄 수 있다. prompt - 텍스트를 입력받을 수 있다. See the Pen alert by gahyun (@gahyun) on CodePen. 2019. 5. 22. [CSS]글자에 그라디언트 또는 이미지로 채워 넣기 background: linear-gradient(to right, #4364f7, #23d5ab); -webkit-background-clip: text; -webkit-text-fill-color: transparent; See the Pen text-gradient by gahyun (@gahyun) on CodePen. 2019. 5. 21. 이전 1 ··· 49 50 51 52 53 54 55 ··· 75 다음 728x90 반응형
