실버라인의 잡다한 정보

HTML One Two Three has extra text CSS.box { display: flex;} flex-direction 지정rowrow-reversecolumncolumn-reverserowrow-reversecolumncolumn-reverse flex-wrap을 이용한 복수 행 flex 컨테이너 지정항목이 여러 행에 나열flex-wrap: wrap;flex 항목들은 컨테이너의 폭에 맞게flex-wrap: nowrap ; flex-flowflex-direction 속성과 flex-wrap 속성을 합침첫 번째 값은 flex-direction이고 두 번째 값은 flex-wrapflex-flow: row wrap;flex-flow: row-reverse wrap;fle..

미디어 쿼리 사용하기https://developer.mozilla.org/ko/docs/Web/CSS/CSS_media_queries/Using_media_queries 미디어 쿼리 사용하기 - CSS: Cascading Style Sheets | MDN미디어 쿼리를 사용하면 장치의 단말기의 유형(출력물 vs. 화면) 또는 화면 해상도나 방향, 종횡비, 브라우저 뷰포트 너비나 높이, 모션 감소, 데이터 사용량 혹은 투명도와 같은 사용자 선호도developer.mozilla.org/*브라우저의 뷰포트 너비가 1300px 이상인 경우*/@media screen and (max-width:1299px) { /*브라우저의 뷰포트 너비가 1299px 이하인 경우*/}@media screen and (max-wid..

https://jonsuh.com/hamburgers/ Hamburgers Tasty CSS-animated Hamburgers jonsuh.com https://github.com/jonsuh/hamburgers GitHub - jonsuh/hamburgers: Tasty CSS-animated Hamburgers Tasty CSS-animated Hamburgers. Contribute to jonsuh/hamburgers development by creating an account on GitHub. github.com

https://animate.style/ Animate.css | A cross-browser library of CSS animations. Animate.css is a library of ready-to-use, cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and attention-guiding hints. animate.style https://github.com/animate-css/animate.css GitHub - animate-css/animate.css: 🍿 A cross-browser library of CSS animations. As easy to u..

https://www.colorzilla.com/gradient-editor/ Ultimate CSS Gradient Generator from ColorZilla A powerful Photoshop-like CSS gradient editor www.colorzilla.com

https://fontawesome.com/v4.7/icons/ Font Awesome Icons Get 1535 icons right now with FA Free, plus another 7020 icons with Pro, which also gets you another 53 icon category packs as we finish them! Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle. Ligatures for easier des fontawesome.com

.resizeNone { resize: none; /* 사용자 임의 변경 불가 */ } .resizeBoth { resize: both; /* 사용자 변경이 모두 가능 */ } .resizeHor { resize: horizontal; /* 좌우만 가능 */ } .resizeVer { resize: vertical; /* 상하만 가능 */ } https://developer.mozilla.org/en-US/docs/Web/CSS/resize resize - CSS: Cascading Style Sheets | MDN The resize CSS property sets whether an element is resizable, and if so, in which directions. developer.mo..

[html] 날짜선택 [css] .btnCal { width:26px; height:25px; border:none; background-color:transparent; background-image:url(../images/sub/btnCal.png); background-repeat:no-repeat; background-position:0 0; text-indent:-9999px;}

닫기 .btnAiClose { width:22px; height:21px; text-indent:-9999px; border:none; background-color:transparent; background-image: url(../images/sub/btnAiClose.png); transition: all ease 0.5s; } .btnAiClose:hover { background-image: url(../images/sub/btnAiCloseOn.png); transform: rotate( 90deg ); }

box-shadow:3px 5px 3px rgba(0, 0, 0, 0.1);