본문 바로가기
반응형

전체 글237

부처님오신날 대체공휴일 확정 부처님 오신 날(석가탄신일) 부처님 오신 날은 불교 신자들에게 가장 중요한 기념일 중 하나입니다. 부처님의 탄생, 깨달음, 그리고 마하 파리니브바나(대해방성)에 입적하는 세 가지 중요한 사건을 기념하며, 한국에서는 보통 음력 4월 8일에 맞이합니다. 하지만 2023년의 석가탄신일은 양력으로 5월 27일 토요일입니다. 최근 2일 인사혁신처에서는 부처님오신날과 성탄절을 대상으로 대체공휴일을 운영하는 내용의 '관공서의 공휴일에 관한 규정' 개정안이 통과됐습니다. 이를 통해 부처님 오신 날과 성탄절에 대체공휴일이 적용되며, 공휴일 중 대체공휴일이 적용되지 않는 날은 새해 첫날(1월 1일)과 현충일(6월 6일)만 남게 되었습니다. 올해 부처님 오신 날은 토요일인 5월 27일로, 대체휴일인 29일 하루가 추가됨으로.. 2023. 5. 3.
스위치 디자인-1 (Switch Design-1 with CSS) 스위치 디자인 1 기본 스위치로 활용할 수 있다. ✔️ HTML ✔️ CSS .switch1 { position: relative; display: inline-block; font-size: 15px; width: 60px; height: 30px; } .switch1 .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; border-radius: 20px; border: 1px solid #ccc; transition: all .4s ease-in-out; } .switch1 .slider:before { position: absolute; content: "".. 2023. 5. 2.
알림 디자인-1 (notification Design-1 with CSS) 알림 디자인 1 알림 창을 띄워 다른화면으로 이동시키는 용도로 활용할 수 있다. ✔️ HTML info Info Add your info message here. Next ✔️ CSS .notification { display: inline-flex; padding: 10px 20px; background: #fff; border-radius: 10px; justify-content: space-between; color: #212121; gap: 15px; box-shadow: 0px 10px 20px 13px rgba(0,0,0,0.1); animation: scale .5s linear alternate-reverse infinite; text-align: left; } @keyframes scal.. 2023. 5. 2.
버튼 디자인-2 (button Design-2 with CSS) 버튼 디자인 2 좋아요 버튼 등으로 활용할 수 있는 버튼이다. ✔️ HTML favorite_border favorite Like ✔️ CSS .like { display: flex; gap: 10px; justify-content: space-between; align-items: center; padding: 15px; background-color: #fc8989; border-radius: 35px; border: 0px; font-size: 25px; margin: 0 auto; color: #fff; cursor: pointer; transition: all .5s; } .like:hover { background-color: #ff6e6e; } .like:hover .before { opac.. 2023. 4. 27.
버튼 디자인-1 (button Design-1 with CSS) 버튼 디자인 1 여러개의 버튼이 같은 레벨에 있어야할 때 사용할 수 있다. ✔️ HTML Button delete Button save Button done ✔️ CSS .buttonBox { display: flex; width: 100%; height: 50px; } .buttonBox .button { flex: 1; color: #aaa; background: #fff; border-right: 1px solid #ccc; font-size: 17px; text-align: center; line-height: 50px; transition: all 0.5s ease-in-out; text-decoration: none; } .buttonBox .button:last-child { border: .. 2023. 4. 26.