Html, Css, JavaScript 기초공부

섹션 꾸미기 자신을 소개해보자. html 팀소개

hongga 2022. 1. 31. 10:00

안녕하세요 홍 가 입니다.

오늘은 섹션에 넣으면좋을 내용을 가져왔습니다.

제 자신을 소개 해보려고 해요.

왼쪽화면 처럼 나오게끔 만들어 보려고 합니다.

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로 준 내용부분을 안보이게 하려고 합니다.

이런식으로 소개하는 페이지를 만들어 봤어요

간단하게 딜레이를 넣어서 천천히 올라오게 설정을 하니 조금 디테일일이 살아있네요