◎ CSS - background image 꽉 차게
https://cowimming.tistory.com/107
[🙌 CSS] 배경이미지 화면에 맞게 꽉차게 지정하기
height: 100vh를 지정해주면 각각 컴퓨터 화면에 맞는 꽉 찬 사이즈로 자동으로 변경된다 body { height: 100vh; background-image: url('img/signup.jpeg'); background-repeat : no-repeat; background-size : c..
cowimming.tistory.com
◎ GIF 움직이는 이미지 CSS로 제어
https://marshall-ku.tistory.com/200
마우스를 올려 gif를 재생하기
gif의 프레임을 잘라서 멈춰있는 이미지를 만들 땐 ezgif를 이용하시면 됩니다. CSS만 이용하기 HTML 1 2 3 4 Colored by Color Scripter cs CSS 1 2 3 4 5 6 7 8 9 10 11 .hov-anim-box .animated { ..
marshall-ku.tistory.com
◎ 로딩 gif
https://icons8.com/preloaders/en/search/gif
Preloaders.net - Loading GIF, SVG & APNG (AJAX loaders) generator
More than 1000 free and premium ajax loader (loading animated GIF, SVG and APNG) spinners, bars and 3D animations generator for AJAX and JQuery
icons8.com
◎ 제목 꾸미기
https://joshua-dev-story.blogspot.com/2021/01/70.html
CSS 복붙으로 제목 꾸미기
글·단락의 제목을 CSS 복붙으로 누구나 쉽게 꾸밀 수 있습니다. 글(웹 페이지의 글)에 좋은 내용을 담는 것이 중요하지만 적당히 꾸미는 것도 필요하겠죠?
joshua-dev-story.blogspot.com
◎ 깜빡거림
[CSS] HTML 태그 글자나 이미지에 깜빡이는 효과 주기
먼저 아래 css 코드를 css파일에 적어 불러오거나 또는 html 파일에 직접 적어 줍니다. html에 css 적용 방법 보기 //CSS .blinking{ -webkit-animation:blink 1.5s ease-in-out infinite alternate; -moz-animati..
pikabu.tistory.com
◎ CSS 효과
https://codepen.io/RobinTreur/pen/pyWLeB
Title Text Animation
Title Text Animation with GSAP, TimelineMax...
codepen.io
◎ ANIMATE
https://stealswan.tistory.com/117
2021년 10월 6일 - figure & 배열 each & Animate, delay & onEvent
stealswan.tistory.com
◎ Why is this JQuery error happening? Animate is not a function
Why is this JQuery error happening? Animate is not a function
I am learning jQuery and trying to work my way around a scroll effect. Anyway, I am trying to make this code work but having trouble in doing so. It breaks when It runs the animate function: I wo...
stackoverflow.com
◎ CSS 버튼 - 핑크
◎ 여러 로딩효과
[인터랙션] CSS를 이용한 로딩 애니메이션
이전에 블로그에서 Youri Kim님이 '재미있는 로딩 애니메이션' 포스트를 통해 로딩 애니메이션에 대한 설명과 사례를 소개해주셨죠. 이번 글에서는 웹디자인/개발을 할 때 바로 사용할 수 있는 로
story.pxd.co.kr
◎ 통통 튀기는 로딩
https://codepen.io/ahmadbassamemran/pen/bXRPdr
CSS Loading Animation
...
codepen.io
◎ 로딩 후 몇 초 뒤에 보이게 하기 응용
https://webisfree.com/2014-04-08/[javascript]-%EC%8B%9C%EA%B0%84-%EC%A7%80%EC%97%B0-%ED%95%A8%EC%88%98-%EC%9D%BC%EC%A0%95-%EC%8B%9C%EA%B0%84-%EB%92%A4-%EC%8B%A4%ED%96%89%EC%8B%9C%ED%82%A4%EA%B8%B0-settimeout()-%7B%7D
[JavaScript] 시간 지연 함수, 일정 시간 뒤 실행시키기, setTimeout() {}
자바스크립트 함수중에서 자주 사용되는 타이머 함수가 있습니다. 바로 setTimeout()이죠! 아래는 어떻게 동작하고 사용하는지 자세히 알아보고자 합니다.
webisfree.com
'프로젝트 > 수익형 Mbti 테스트 만들기' 카테고리의 다른 글
| 2021년 12월 8일 - 이시국 MBTI 유형별 추천 마스크 프로젝트 후기 (0) | 2021.12.08 |
|---|---|
| 2021년 12월 4일 ~ 5일 - MBTI 프로젝트 中 참고 사이트 (2) (0) | 2021.12.05 |
| 2021년 9월 5일 - 가면 무도회 MBTI 정리 (2) (0) | 2021.09.05 |
| 2021년 9월 4일 - 수익형앱 Mbti 테스트 만들기 개괄(4) (0) | 2021.09.04 |
| 2021년 8월 30일 - 가면 무도회 MBTI 정리 (1) (0) | 2021.08.30 |
댓글