Sparkle 5 [Goodies] Website

Made with Sparkle
#1

Hi Sparkle(rs)! :slight_smile:

I hope you have all been enjoying the new and beefed up Sparkle 5!
Here at @FlaminFig we have been busy creating a website to highlight the new features of Sparkle 5… Not all of them but a lot of them, and it was really fun to do! :slight_smile:

I had to hold back until a little bug was squashed with the Lightbox feature but with all these updates to Sparkle 5 I’m happy to announce it has been squashed this morning (by the two great men behind this product), my time and now I can let you all know…

The website has only been built for the 1200 device and covers the following…

  • Hover gradients
  • Clip to text gradient
  • Image blending lighten
  • Background shift left and right
  • Active text link hover states
  • Image/video grid block with Lightbox
  • Q&A toggles and how to create them
  • Text effect knock out
  • Button transition
  • The slider
  • Button hover gradient with transition

As mentioned this is not all of the new features but enough of them to give you all a good idea how more advanced a Sparkle 5 website is now compared to V4.5. I love how I was able to create an asymmetrical layout that I totally prefer to the rectangle boxes I see out there!

This website has clickable links all over it so don’t forget to click and see the hidden surprises!
I have also uploaded all the images with AVIF compression. It takes a bit longer to Publish but the webpage loads faaaaast!!!

You can find the webpage here nestled in on our Flamin Fig website - Sparkle 5 [Goodies] - new features & functionality
Enjoy! :slight_smile: :pray:

2 Likes
#2

Thank you for sharing, FlaminFig. It’s once again a success and very well done!

1 Like
#3

silly question - where is the “background shift” hidden?

#4

They are available with the wide boxes :slight_smile:

#5

Hi FlaminFig, please tell which Sparkle 5 version you are using. The one I downloaded is missing Background Shift Left/Right as an example.

Screenshot 2023-05-25 at 22.26.18
Screenshot 2023-05-25 at 22.26.18754×434 165 KB

Sorry, the option above concerns Wide Box, just found it.
Well, cost of learning.

#6

Yes @zbr, you need to fist make your Box Arrange / Full page width and then come back to Style tab and then you’ll see the Background Shift slider has appeared.

#7

Not a silly question @safoster71…
Please check my post to @zbr for the answer… Thanks! :slight_smile:

#8

Thanks @Allan for your kind words! :slight_smile:
Always seeing how I can push Sparkle with fun in mind!

1 Like
#9

I’m glad you worked it out @zbr! :slight_smile:

#10

Thank you very much for this sample. :clap: :clap:
I’m running out of time to work with the computer (I’m doing illustrations manually) and I have to renovate my website this month, so I’m going to enjoy the new Sparkle 5 as soon as I start working on it.

#11

Thank you @Saeta! :slight_smile:
Glad you got something out of it, and I’m sure you will have loads of funs with Sparkle 5! :slight_smile: :rocket:

1 Like
#12

yes thanks for doing this. A great way to see the features in action. Great looking site :sunglasses: