Well, that works for me too Mat - as long as I use inline HTML/CSS like you
did above.
But if I use the TW class caller (I can't think of the word) like this, no
bueno, empty tiddler:
@@.jack
!!JACK
@@
Which I suppose answers my question. Everything has to be styled in line,
classes won't work here.
On Mon, Nov 8, 2021 at 6:09 PM Mat <matiasg...@gmail.com> wrote:
> This works on tiddlywiki.com
>
>
> <style>
> .jack {
> font-size: 72px;
> background: url(<$macrocall $name="datauri" title="Motovun Jack.jpg"
> $output="text/plain"/>);
> -webkit-background-clip: text;
> -webkit-text-fill-color: transparent;
> }
> </style>
>
> <div class="jack">
>
> !GOLD
> </div>
>
> <:-)
>
>
> On Monday, November 8, 2021 at 8:52:06 PM UTC+1 taale...@gmail.com wrote:
>
>> I'm trying to make a class that will allow me to fill text with an image.
>> For example, making a drop cap for a manuscript-inspired theme that looks
>> like it's been gilded, by using an image of gold leaf.
>>
>> The interwebz tell me that I want to use background-clip, but I'm not
>> sure how to set that up in a CSS class. Does anyone have any pointers?
>>
>> All I have so far, which doesn't work (and I didn't think it would):
>>
>> .dropcap { font-size: 40px;
>> margin: 10pc;
>> border: 5px double black;
>> float: left; background-image: url(<$macrocall $name="datauri"
>> title="paua.jpg" $output="text/plain"/>) background-clip: text; }
>>
>> Thanks,
>> Aidan
>>
> --
> You received this message because you are subscribed to the Google Groups
> "TiddlyWiki" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to tiddlywiki+unsubscr...@googlegroups.com.
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/tiddlywiki/a176c54b-b9b3-4bfe-ac7f-b0891028dc6cn%40googlegroups.com
> <https://groups.google.com/d/msgid/tiddlywiki/a176c54b-b9b3-4bfe-ac7f-b0891028dc6cn%40googlegroups.com?utm_medium=email&utm_source=footer>
> .
>
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/CAJu7H0Y4Pn1SztG5_sFiA0CHfQ1PWSgYasjuX_wJ8Ge-d22T7A%40mail.gmail.com.
