목록layout (4)

Outputor

Admin page 1

span 태그는 text-align 적용이 안되므로 display: inline-block; 지정 후 text-align: right 적용함 차트 라이브러리 https://www.chartjs.org/ Chart.js | Open source HTML5 Charts for your website New in 2.0 New chart axis types Plot complex, sparse datasets on date time, logarithmic or even entirely custom scales with ease. www.chartjs.org 더보기 더보기 HTML home house Services headphones Alerts flag Stats stacked_bar_chart search..
🦉 프로젝트 🔻/🐞 프로젝트 2022. 1. 23. 16:23
transform, @keyframes animation

transform https://developer.mozilla.org/ko/docs/Web/CSS/transform transform - CSS: Cascading Style Sheets | MDN CSS transform 속성으로 요소에 회전, 크기 조절, 기울이기, 이동 효과를 부여할 수 있습니다. developer.mozilla.org @keyframes 복잡한 animation 구현 가능함 형태: @keyframes 이름 { } https://developer.mozilla.org/ko/docs/Web/CSS/@keyframes @keyframes - CSS: Cascading Style Sheets | MDN @keyframes @규칙은 개발자가 애니메이션 중간중간의 특정 지점들을 거칠 수 있..
🎨 CSS 🔻 2022. 1. 14. 23:19
layout 3

1. max-width ➡ width(%)와 max-width를 같이 쓰는게 반응형하기 좋음 2. mix-width ➡ width(%)와 max-width를 같이 쓰는게 반응형하기 좋음 더보기 더보기 코드 Peter Front-end Developer location_on 서울특별시 Contact Location Age Experience School 서울특별시 22년생 신입 MIT Profile WORKS Landing page design Shopping page design To-do app Front-end ABOUT Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum temporibus quae quos earum obcaecati nul..
🦉 프로젝트 🔻/🐞 프로젝트 2022. 1. 13. 12:08
layout 1

여러개의 box를 가운데 정렬하기 위해서는 태그로 감싸준다음 하는게 좋음 넓이를 계산하기 어려운 경우 calc를 이용하면 편함 더보기 더보기 코드 Document Card Title Lorem, ipsum dolor sit amet consectetur adipisicing elit. Card Title Lorem, ipsum dolor sit amet consectetur adipisicing elit. Card Title Lorem, ipsum dolor sit amet consectetur adipisicing elit. Card Title Lorem, ipsum dolor sit amet consectetur adipisicing elit.
🦉 프로젝트 🔻/🐞 프로젝트 2022. 1. 5. 12:04
이전 Prev 1 Next 다음