Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

gradient on Id and EPUB

Enthusiast ,
Feb 09, 2023 Feb 09, 2023

Hi,

 

Screenshot 1.

On Id, I applied gradient to text.

 

Screenshot 2.

It isn't appear on EPUB.

 

Is there any solution?

 

Hosun

 

Screenshot 1Screenshot 1Screenshot 2Screenshot 2

TOPICS
How to
513
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 3 Correct answers

Community Expert , Feb 09, 2023 Feb 09, 2023

I'm pretty sure epub doesn't support gradients on the fill of text. You would have to turn that into a graphic in order to display it that way in an epub.

Translate
Community Expert , Feb 09, 2023 Feb 09, 2023

Some HTML/CSS effects can be included in EPUB docs, but for the most part that has to be done at the CSS/export level.

 

Most ID graphics are not exported, or not exported with any accuracy. (For example, some image annotations with arrows turned into a mess on EPUB export; I had to go back and edit the image itself to include them.) Most ID effects are lost as well.

 

Translate
Community Expert , Feb 09, 2023 Feb 09, 2023

That the color/effect is exported to the definition is only half the issue (and a bit surprising to me... these things are very hit-or-miss from ID).

 

The reader has to support the CSS statement, and very few of the "expanded set" commands (-webkit, -moz etc.) are. EPUB readers have to be regarded as very archaic web browsers, lacking most advanced code and display options.

 

Also, when I tried this to see if the problem was resolvable, I got this:

 

JamesGiffordNitroPress_0-1675971057226.png

 

...and the gradient was not exported to t

...
Translate
Community Expert ,
Feb 09, 2023 Feb 09, 2023

I'm pretty sure epub doesn't support gradients on the fill of text. You would have to turn that into a graphic in order to display it that way in an epub.

Mike Witherell
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Feb 09, 2023 Feb 09, 2023

Some HTML/CSS effects can be included in EPUB docs, but for the most part that has to be done at the CSS/export level.

 

Most ID graphics are not exported, or not exported with any accuracy. (For example, some image annotations with arrows turned into a mess on EPUB export; I had to go back and edit the image itself to include them.) Most ID effects are lost as well.

 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Enthusiast ,
Feb 09, 2023 Feb 09, 2023

In CSS, there is a part related with APPENDIX.

 

Could you tell me what to add to make the gradient appear on EPUB?

 

Hosun

 

2023-02-10.jpg

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Feb 09, 2023 Feb 09, 2023

That the color/effect is exported to the definition is only half the issue (and a bit surprising to me... these things are very hit-or-miss from ID).

 

The reader has to support the CSS statement, and very few of the "expanded set" commands (-webkit, -moz etc.) are. EPUB readers have to be regarded as very archaic web browsers, lacking most advanced code and display options.

 

Also, when I tried this to see if the problem was resolvable, I got this:

 

JamesGiffordNitroPress_0-1675971057226.png

 

...and the gradient was not exported to the CSS file. I assume you added it in CSS editing, but again, you'll find that very few EPUB readers support it. If any. (I was trying to see if Kindle Previewer did.)

 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Enthusiast ,
Feb 09, 2023 Feb 09, 2023
LATEST

I'd rather go with a single color.

 

Hosun

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines