gorinp
(pavel gorin)
January 28, 2022, 5:49am
1
Is there a way to transform a single character (specifically an emoji) in a block of text?
Here’s my design:
And here’s how it looks like by default in Webflow:
I’m trying to flip (using the transform) and bump it up a little. But neither is working
Hi @gorinp do you mind sharing your read-only-link?
gorinp
(pavel gorin)
January 28, 2022, 6:49am
3
webdev
(Jeff Selser)
January 28, 2022, 12:41pm
4
Wrap the emoji with a span, give it a class, style as desired. Boom.
1 Like
gorinp
(pavel gorin)
January 28, 2022, 4:41pm
5
Thanks Jeff, but that doesn’t work. The only thing you can adjust this way is size and kerning.
My question is: can you change other parameters like transform or baseline shift?
abirana
(Abi Rana | Creative Web Developer)
January 28, 2022, 4:51pm
6
You should apply inline-block to that span element and then you can transform or animate. As technically inline element doesn’t accept many CSS properties.
1 Like
gorinp
(pavel gorin)
January 28, 2022, 7:13pm
7
Thank you Abirana! That did it I didn’t know you could set spans to inline block.
Solved.
system
(system)
Closed
January 29, 2022, 7:13pm
8
This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.