CSS10 나 혼자 웹 독학 - HTML/CSS를 활용한 나만의 간단 웹 메인 페이지 제작 안녕하세요 베트남에 장기해외실습으로 1년 조금 넘는 시간을 살았었는데요 북부에는 많이 여행다니고 했었는데 어떻게 하다보니 중부, 남부로는 한번도 여행을 가보지 못했어요 살다 보니 베트남어도 어느정도 할 줄 알게되고 많은 친구도 사귀게 되었었는데요 저도 다시 베트남에 가야하는데 언제쯤 다시 갈 수 있으려나 하하.. 코로나때문에 해외 어디 여행이라도 가고싶어도 가질 못하니.. 베트남 중부, 남부로 여행을 가고 싶어서 간단하게 하나 만들어 보았습니다 2020/08/01 - [웹코딩 공부&공유/css] - 나혼자 웹 독학 - css flex(플렉스)를 활용한 메뉴바 만들기 나혼자 웹 독학 - css flex(플렉스)를 활용한 메뉴바 만들기 안녕하세요 간단한 html, css를 이용한 menubar를 만들어 보려.. 웹코딩 공부&공유/내 작품 2020. 12. 25. 더보기 ›› [html/css] @keyframes 를 활용한 텍스트 효과 - 첫번째 안녕하세요 @keyframes를 활용한 텍스트 효과를 소개해 드리려고 합니다 간단하고 쉬워서 여러분 모두 따라 하실 수 있습니다 예쁜 텍스트 효과 이 정도이고요 잘 사용할 일은 없지만 그래도 간단하고 이뻐서 알아두시면 좋은 것 같습니다 우선 @keyframes에 대해 알아보겠습니다 쉽게 생각해서 애니메이션 효과를 주고 싶은 곳에 @keyframes를 주시면 돼요 예를 들어) @keyframes test { /* from = 0% */ from { ... } 50% { ... } /* to = 100% */ to { ... } } 이런 식으로 해서 from >> 50% >> to까지 어떤 효과를 줄 건지에 대한 걸 {} 중괄호 안에 넣으시면 됩니다 간단한 효과를 먼저 한번 보자면 하늘 하늘 p { anim.. 웹코딩 공부&공유/css 2020. 12. 23. 더보기 ›› 나혼자 웹 독학 - css flex(플렉스)를 활용한 메뉴바 만들기 안녕하세요 간단한 html, css를 이용한 menubar를 만들어 보려 합니다 기본적으로 display : flex; 가 들어가는 방식입니다 안녕하세요1 안녕하세요2 안녕하세요3 위와 같이 큰 menubar 라는 박스안에 3개의 div 가 안에 있습니다 (menu_logo, menu_menu, menu_etc) /* 바디 속성 지정 */ body { box-sizing: border-box; margin: 0; padding: 0; } /* menubar 속성 */ .menubar { background-color: lightgreen; font-size: 30px; display: flex; /* 3개의 박스를 담는 가장 큰 박스에 flex*/ justify-content: space-between;.. 웹코딩 공부&공유/css 2020. 8. 1. 더보기 ›› 이전 1 2 다음
