영어 회화 공부0

입력하신 단어의 철자가 정확한지 확인해 보세요.
검색어의 단어 수를 줄이거나, 보다 일반적인 단어로 검색해 보세요.
두 단어 이상의 키워드로 검색 하신 경우, 정확하게 띄어쓰기를 한 후 검색해 보세요.

선택하신 태그에 해당하는 글이 없습니다.
다른 태그를 선택하시거나, 검색 기능을 활용해 보세요.

선택하신 카테고리에 해당하는 글이 없습니다.
다른 카테고리를 선택하시거나, 검색 기능을 활용해 보세요.

선택하신 기간에 등록된 글이 없습니다.

티스토리툴바

/* CSS 버튼1 */ button.click-me-button1 { padding: 5px; font-size: 18px; box-sizing: border-box; z-index: 5; position: relative; margin: 5px 0; width: 100%; height: 40px; z-index: 10; background-color: transparent; border: none; cursor: pointer; } button.click-me-button1::before { content: "›"; font-weight: normal; position: absolute; top: 50%; left: 16px; font-size: 1em; color: #fff; transition: all 0.3s; z-index: 20; transform: translateY(-60%); } button.click-me-button1::after { content: ""; position: absolute; left: 0; bottom: 0; width: 40px; height: 40px; border-radius: 20px; background-color: #555; transition: all 0.3s; z-index: 15; } button.click-me-button1:hover::before { left: calc(100% - 25px); opacity: 0; } button.click-me-button1:hover::after { width: 100%; background-color: #FF0000; } button.click-me-button1 > a { position: relative; display: block; padding: 0 45px; height: 100%; line-height: 40px; color: #222; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.3s; z-index: 20; display: flex; align-items: center; justify-content: flex-start; text-decoration: none; } button.click-me-button1:hover > a { text-decoration:none; font-weight: bold; color: #fff; } /* CSS 버튼1 끝 */