coding with cong

IN'O Portfolio Make Hardware Soft The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also VIEW MORE *{ box-sizing: border-box; } body{ margin: 0; padding: 0; } div{ width: 100%; } .header{ height: 60px; background-color: rgb(100, 100, 100); color: white; font-size: 1.5em;..

https://summernote.org/getting-started/ Summernote - Super Simple WYSIWYG editor Super Simple WYSIWYG Editor on Bootstrap Summernote is a JavaScript library that helps you create WYSIWYG editors online. summernote.org

https://sweetalert.js.org/guides/

https://validator.w3.org/#validate_by_uri The W3C Markup Validation Service Validate by File Upload Note: file upload may not work with Internet Explorer on some versions of Windows XP Service Pack 2, see our information page on the W3C QA Website. validator.w3.org 사이트 주소 파일 직접 입력으로 오류를 검사해줌!

transform : 회전, 이동, 확대등을 할 때 사용 translate(x,y) : x축으로 x만큼, y축으로 y만큼 이동 translateX(x) : x축만 이동 translateY(y) : y축만 이동 scale(w, h) : 가로로 w배, 세로로 h배만큼 커짐, 값을 0으로 하면 안보임 scaleX(w) : 가로만 확대 scaleY(h) : 세로만 확대 rotate(a) : a 각도만큼 시계방향 회전, 단위 : deg skaw(xa, ya) : 기울림, 단위 : deg skawX(xa) : x축으로 xa만큼 기울림 skawY(ya) : y축으로 ya만큼 기울림 특징 다른 속성값이 변화할때 서서히 변화하여 애니메이션이 발생하는 것처럼 보이게 함. transition 속성명 전환시간; 속성이 전환시..

1. 애니메이션 등록(@keyframes) - 시간비율은 0~100%, 0% = from, 100% = to로 대체가능 @keyframes 애니메이션 명{ 시간비율{ 스타일; } 시간비율{ 스타일; } } 2. 애니메이션 적용 animation-name : 동작할 애니메이션 이름 animation-duration : 애니메이션 동작시간 animation-iteration-count : 애니메이션 반복 횟수, 숫자 or infinite(무한) == 사용예시 == 가장 앞의 화면이 흐려졌다가 밝아졌다하는 애니메이션 DOCTYPE html> opacity사용 .bg, .front{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; } .bg{ backgro..

비밀번호를 잊어버리셨나요 " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스    DOCTYPE html>html lang="en">head>    meta charset="UTF-8">    meta http-equiv="X-UA-Compatible" content="IE=edge">    meta name="viewport" content="width=device-width, initial-scale=1.0">    title>Documenttitle>    style>        *{            box-sizing: border-box;        }        body{            /* margin: 0;          ..