2023. 10. 26. 14:47
내맘대로의 EPUBGUIDE.NET에서 편집자의 의도를 그대로 살려 전자책을 제작해 드립니다.
종이책의 편집 스타일을 최대한 유지하며, 팝업 주석 처리, 이미지 확대 축소 등 전자책의 장점을 반영하여 전자책을 제작합니다. 탬플릿을 사용하지 않고, 책 한권 한권 고유 스타일을 살리기 때문에 전자책에서도 종이책 디자인을 느낄 수 있습니다.
한국출판문화진흥원의 [텍스트형 전자책 제작 지원 사업] 선정 도서는 ‘제작 난이도별 제작비 산정 기준에 근거하여’ 제작 단가를 산정하고, 일정에 맞춰 제작을 해 드리니 많은 문의 바랍니다. 자세한 내용은 여기로: https://www.epubguide.net/notice/309오래 전 작성된 글은 현재의 Sigil 버전과 차이가 날 수 있습니다. 등록 일자를 확인 하고 1년 이상 지난 글은 변경된 내용이 있는지 확인하시기 바랍니다.
배경이미지를 깔고 텍스트를 넣으니 글씨가 잘 보이지 않습니다.
그래서 배경색을 넣었더니 이번엔 배경이미지가 보이지 않아요.
그래서 배경색을 투명하게 넣고싶습니다.
이럴 때 쓰는 속성이 opacity입니다.
opacity를 넣으면 배경색 뒤로 배경이미지가 보여 좋긴 한데, 글자도 흐릿해지네요.
글자를 선명하게 넣고 싶은데 방법이 없는걸까요?
이럴 때 쓸 수 있는 속성이 rgba입니다.
rgba는 배경색을 투명하게 하면서 글자는 선명하게 유지할 수 있어요.
rgba와 opacity의 차이가 느껴지나요?
둘의 차이를 확실히 비교해 볼 수 있도록 opacity와 rgba를 반반씩 붙여봤어요.
왼쪽이 opacity, 오른쪽이 rgba입니다.
rgba의 글자가 확실히 선명하지요?
반응형
'EPUB 편집 가이드 > EPUB을 위한 CSS' 카테고리의 다른 글
| CSS 값 max와 min은 아직 쓰지 마세요. (0) | 2024.01.23 |
|---|---|
| CSS math function - calc, max, min (0) | 2023.12.29 |
| [CSS 스타일 샘플] :nth-child(1) (0) | 2023.02.10 |
| [CSS 스타일 샘플] 다양한 테두리(글상자) 샘플 (0) | 2023.01.19 |
| 글자 위에 점 찍기... 이런 훌륭한 속성을 모르고 있었다니 ㅜ.ㅜ (0) | 2022.11.15 |