웹 개발 레시피 (타입폼,모션그래픽 라이브러리 )--5
타입폼
타입폼은 구글 설문에 전문화된 도구
후원을 모집한다고 가정하고 후원페이지를 만드는 법
타입폼 홈페이지
http://typeform.com/
일단 넘어가기, 여기까지
https://www.youtube.com/watch?v=5jrO2fJzTvc&list=PLuHgQVnccGMBttjsCipjhWgf6urfjTn14&index=27
랜덤한 이미지 배경
리로드를 할때마다 사진이 바뀜
<!doctype html>
<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200" rel="stylesheet">
<style>
body{
background-image: url('https://source.unsplash.com/category/nature/1600x900');
background-size: cover;
min-height:100vh;
margin:0;
display: flex;
justify-content: center;
align-items: center;
}
h1{
background-color: rgba(255, 255, 255, 0.3);
padding:0.3rem;
color:rgb(0, 0, 0);
font-family: 'Source Sans Pro', sans-serif;
font-weight: 200;
}
</style>
</head>
<body>
<h1>world is upon you.</h1>
</body>
</html>
모션그래픽 라이브러리
플래시로 해야했던 고급 모션그래픽 애니메이션을 할수 있게 해주는 라이브러리.
라이브러리를 활용하는 강좌로 일단 스킵.
https://www.youtube.com/watch?v=jWJxo89IWr8&list=PLuHgQVnccGMBttjsCipjhWgf6urfjTn14&index=32
Author And Source
이 문제에 관하여(웹 개발 레시피 (타입폼,모션그래픽 라이브러리 )--5), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@mingi001/웹-개발-레시피-타입폼모션그래픽-라이브러리-5저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
