안녕하세요 홍 가 입니다.
오늘은 섹션에 넣으면좋을 내용을 가져왔습니다.
제 자신을 소개 해보려고 해요.
왼쪽화면 처럼 나오게끔 만들어 보려고 합니다.
2개가 나올려면 div가 2개면 되겠죠?
div 안에 ul li넣고 li안에 div를 넣는거죠
이제 이미지를 넣었고
제목과 내용을 넣었습니다.
이제 저 글씨부분을 없애볼려고해요
약간 슬라이드 형식으로 만들어보려고 합니다.
글씨를 포지션 앱솔루트로 하고 맞춰줍니다.
https://www.colorzilla.com/gradient-editor/
Ultimate CSS Gradient Generator from ColorZilla
A powerful Photoshop-like CSS gradient editor
www.colorzilla.com
그라데이션 사이트에요
옆에 css라 써있는 부분을 긁으시면 됩니다.
히든으로 p로 준 내용부분을 안보이게 하려고 합니다.
이런식으로 소개하는 페이지를 만들어 봤어요
간단하게 딜레이를 넣어서 천천히 올라오게 설정을 하니 조금 디테일일이 살아있네요
자바스크립트로 로그 기록남기기 (0) | 2022.04.01 |
---|---|
자바스크립트 공부 (1) | 2022.03.12 |
html 반응형 웹페이지 만들기 (0) | 2022.01.15 |
웹페이지 헤더부분 만들기 (0) | 2021.12.31 |
웹 페이지 만들기 섹션 2 마무리 작업 (0) | 2021.12.14 |