Just a little fun

@PMUK just need marketplace again free

just got home from work fixed a few things a few more controls to add, multiple on a page is ok, this recording gets big quick, so didn’t show all options

1 Like

Amazing as always!

need to add option for mobile screen height rather than h-screen

just testing

https://sjwjaw.co.uk/

Yawl are getting too fancy…:rofl:

2 Likes

just Elements images and svg

ok trying to replicate these animations in Elements completed a few, unable to all but quite a lot with some adjusted to near enough

different approach to social circle, preset 1 icon, just need to duplicate and adjust angles to how many needed 360/n

You can leave icons as is or rotate them the opposite angle to align in the svg, you can apply hover color change or scale to svg

I added text to centre of circle

Project

elementsapp://downloadDocument/1H1M1wasKRgW

what happens when you add a reveal still a duplicate addition no need to setup each reveal

This is so simple in Elements

@dan had to add a divider at top of page or the first reveal again works in reverse

a clock just added animate-spin in advanced classes, rest Elements

1 Like

Clock project - not a custom component - All Elements with small animate code snippet in advanced classes

elementsapp://downloadDocument/L3wn6uP0oqy0

2 Likes

normally css but just Elements and animate snippet in css advanced, smoother live in browser

just concept still working on this, can be improved

project elementsapp://downloadDocument/jK2f7YQSRXxC

multi hover project

elementsapp://downloadDocument/64pT1gz8EemU

1 Like

a few more, of no use but really easy to do, last example is using Reveal auto move no hover

@ben is there a reason why Reveal could not move in 2 directions, would make for added impact.

do you mean move both horizontally and vertically?

If so, I think that would be possible. Off the top of my head, I think it we would have to add controls (and updating the code obviously) to allow this :slight_smile:

1 Like

yes both direction, left and up right and down, both different starting positions, I could then move for example from bottom left to top right etc. or it could move 200px left and 10px up, nice if that could be applied to the rotate as well, but more difficult, but just linear would be great, and can you fix the first reveal going in reverse if no height in an Component above the Reveal. Just need some animation options to each relevant component, eg spin, bounce, pulse and ping, just the Tailwind basics, asking a lot here, but Elements can do so much now extremely powerful this would just raise it so much more, I could then create even more fancy stuff,

My clock above I just added animate-spin [animation-duration:60s] etc to a container

ok couldn’t resist this one, didn’t put much attention into taking the photos

1 Like

Love that, very nice!

project

elementsapp://downloadDocument/mGMDIEBXblrG

2 Likes

That’s cool, I love to see all these fun experiments you’re doing with Elements :smiling_face_with_three_hearts:

Means I understand Elements that much deeper, it is incredible what you can actually do, just need a bit of animation and timing built in and Elements would be unstoppable

2 Likes

Forgot I did this, did this ages ago

2 Likes