Help with animation behind text - Page 2

User 2699991 Photo


Registered User
4,799 posts
Online Now

I think I got it to do something
but cannot test it fully yet as my mobile devices are not available

but here is a possible workaround for IE using that shiny text thingy

choose "design for = display flex, go to the container with the paragraph that has the shiny text, and "hide" it
insert another container containing the paragraph & just apply text styling without the class for shiny text

Then go to design for= display flex, UNHIDE the container holding the shiny text paragraph and HIDEthe container holding the not shiny text

It works but in IE not shiny text effect, but at least it looks better,
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
User 244626 Photo


Registered User
811 posts

If you just want the text just target IE10 and 11 with this selector browser hack.....



@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
p {
color: white;
background: none;
}
}


Only those browsers will understand whats in there.....all others skip it.
Bootstrap 5 CSS Grid.
User 2706435 Photo


Ambassador
444 posts

Thanks for ideas!

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.