출처 : https://dev-syhy.tistory.com/24 1. 가로(수직) 가운데 정렬 (block) - margin-left와 margin-right를 auto로 설정하면 가로로 가운데 정렬할 수 있다. 1 2 3 4 5 6 7 8 9 10 11 12 .div-center { display: block; margin-left: auto; margin-right: auto; background-color: burlywood; text-align: center; } dev-syhy 결과화면 >> 2. 가로(수평) 가운데 정렬 (inline-block) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 .div-parent { text-align: center; backgr..

출처: https://carina16.tistory.com/51 [CSS] animation 효과 (@keyframes) animation은 속성을 시간에 따라 변화를 줄 수 있도록 하는 효과이며, @keyframes와 함께 사용합니다. animation 속성 animation-name : 애니메이션 효과에 이름을 설정해야 @keyframes에 설정한 명령이 실행됩니 carina16.tistory.com animation은 속성을 시간에 따라 변화를 줄 수 있도록 하는 효과이며, @keyframes와 함께 사용합니다. animation 속성 animation-name : 애니메이션 효과에 이름을 설정해야 @keyframes에 설정한 명령이 실행됩니다. animation-duration : 애니메이션 효과..

https://designsmaz.com/free-psd-navigation-menus-design/ 25 Free PSD Navigation Menus Design - DesignMaz In this post we will share with you some of the best, most beautiful and free PSD Navigation Menus design for web developers and designers. designsmaz.com

https://muzi-muzi.tistory.com/6 css 만으로 반응형 modal 팝업 간단하게 만들기 이번엔 display flex를 활용하여 간단하게 모달 컨펌 팝업을 만들어 볼까 합니다. 플러그인이나 라이브러리, 각종 js등을 사용하지 않고 간단하게 css만을 사용하여 만들 수 있습니다. jquery 가 일부 muzi-muzi.tistory.com

http://imagestory.net/?p=583 레이어팝업을 CSS만으로 자동 중앙 정렬하기 – Tarot's Design & Frontend Dev. 레이어팝업을 CSS만으로 자동 중앙 정렬하기 이번 글에서는 CSS 만으로 레이어팝업 콘텐츠를 가로,세로 중앙정렬하는 방법에 대해 알아봅니다. 일반적으로 레이어팝업을 중앙정렬 시키는 방법은 imagestory.net

https://uidevelop.tistory.com/27 css 만으로 구현하는 토글 효과 1 html toggle button Contents X 2 css .toggle_button { cursor:pointer; display:block; background:#eee; text-align:center; border:1px solid #ccc; } #toggle_button, #toggle_contents { height:0; overfl.. uidevelop.tistory.com