20210313 25일차 제작자 페이지 구현 및 CSS

구현 사항

• CSS 리팩토링(버튼 등 디자인 가다듬기) => 완료

• 미디어쿼리 모두 손보기=> 완료
  

• 애니메이션 효과 적용하기 => 완료
  

• 개발자 소개 페이지 완성시키기 => 완료
  

• 배포 세팅하기 => 명일 예정
  

• 기술발표 준비 => 명일 예정
  

 

CSS 리팩토링

모든 버튼에 후버 효과 적용.

특히 메인 페이지의 버튼에는 참고사이트(codepen.io/bartekd/pen/qFsDf) 의 4번 효과를 적용했다.

차례대로 메인페이지, 회원가입, 모달창의 버튼

개발자 소개페이지 구현 완료

개발자 소개페이지를 완성했는데, 팀원 소개는 캐릭터를 적용했다.

 

반응형 웹 구현을 위한 미디어 쿼리 완료

제작자 소개 페이지의 작은 사이즈는 아래 모습과 같다. 480px 이하일때.

 

백그라운드 이미지

는 아무래도 이 웹서비스와 어울리는 배경을 쓰는 것이 좋을 것 같다.

도움받은 사이트

CSS 버튼: nanati.me/css-button-design/

Codepen: codepen.io/bartekd/pen/qFsDf

고화질 변환 사이트: waifu2x.booru.pics/