Quote:
Originally Posted by Sarmat89
On the other hand, can you create a mirrored text for every reader out there? If you cannot create an effect, you should use images or PDF.
|
You can have text mirrored for ereaders that support the property "box-reflect". This is a css3 property so you need an epub3 reader (that is, Gitden, Readium, Azardi, ADE 4.x). Also you should be able to read text reflected on Kindle (devices that support .kf8) and iPad (I'm not sure about Kobo). For example with this code:
1. In the .css file:
Code:
.reflect2 {
font-size:2.5em;
-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(25%, transparent), to(#FFFFFF));
box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(25%, transparent), to(#FFFFFF));
}
2. In the .xhtml file:
Code:
<h2 class="reflect2">Reflected Text</h2>
you'll have results as the following screenshoot of Sigil:
In ereaders that don't support css3, you can use SVG images to have text reflected. Of course, CoolReader is a bad epub lector, so you'll need a decent program.
If you want to know a bit more about reflections, read this page:
http://designshack.net/articles/css/...ons-in-webkit/