Isaac

[CSS] Requirements Q14, Q15: Text

📌Requirements Q14 H e l l o ! H T M L source code H e l l o ! H T M L 📌Requirements Q15 H e l l o ! H T M L source code H e l l o ! H T M L

[JavaScript] CSS 조작: transtion 구현

🍁transition 구현 타이머를 사용해 CSS에서 transition을 구현한 것처럼 자바스크립트에서도 비슷한 효과를 줄 수 있다. 자바스크립트는 제어를 할 수 있다는 점에서 CSS의 transiton과 차이가 있다. [CSS] transition (전환) 🍁transition transition은 객체의 속성(상태) 값이 변화되는 과정을 시간 순서대로 보여주는 애니메이션 속성이다. 이 작업은 본래 JavaScript에서나 할 수 있는 것이었다. 하지만 지금은 CSS에서 간단하 isaac-christian.tistory.com [CSS] animation (애니메이션) 🍁animation CSS 객체의 움직임을 단순하게 표현할 때에는 transition을 사용한다. animation은 그보다 더 나아..

[JavaScript] CSS 조작: style property, class

🍁CSS 조작 자바스크립트로 CSS를 조작하는 방법에는 직접적인 방법과 간접적인 방법이 있다. 모든 태그는 인라인 스타일 시트의 style 속성을 제공하며, 자바스크립트에서도 이러한 style 프로퍼티를 제공한다. style 프로퍼티로 CSS를 조작하는 직접적인 방법과 class로 CSS를 조작하는 간접적인 방법이 있다. style 프로퍼티로 조작 기본 코드 CSS 상자 BOM에서 구현 btn1.addEventListener('click', function() { box1.style = 'color: cornflowerblue'; }) btn1.addEventListener('click', function() { box1.style = 'color: cornflowerblue; font-size: 2re..

[HTML] Requirements Q12: Document design

교 육 훈 련 일 지 교육기관 : 서울 고용 노동부 / 쌍용 교육 센터 교육과정 : Java 기반 임베디드 플랫폼 연동 융합 개발자 양성 과정 교육일자 : 2023년 월 일 요일 담 당 팀 장 단 장 전 결 재적 출석 결석 지각 조퇴 교 육 훈 련 사 항 교시 교육과정 담당교수 교육내용 1 2 3 4 5 6 7 8 교육기간 일계 이론 실기 기타 계 누계 이론 실기 기타 계 지시사항 특기사항 (결석자명, 기재포함) 담당자, 과장 등 책임자의 서명여부확인(책임자 전결가능) 출석부상의 출결상황 등과 대조 교육훈련계획서상의 교육내용과의 일치여부, 실제 교육내용과의 일치여부 출석부상의 결석자와 대조 확인

[CSS] Requirements Q12, Q13: Ball

📌Requirements Q12 A B C D E 📌Requirements Q13

[CSS] Requirements Q11: Number Box

1 2 3 4 5 1 2 3 4 5

[CSS] Requirements Q10: Clock

Hour Min Sec source code transform(rotate) + transform-origin + transition 시계침을 돌리시오. Hour Min Sec

[CSS] Requirements Q09: Round box