Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Animated icons

Featured Lock Resolved Task
Hi! I am using Helix III template. I would like to know if is possible show - by using pagebuilder - animated icon as show in Radon Template at this page:
http://demo.joomshaper.com/?template=radon
or how can i get this effect?
Thanks a lot!
Joseph

10 Answers

Toufiq - Staff

More than a month ago #Permalink
Giuseppe Del Vescovo wrote:

Ok thank you.
Anyone else can help me in this CSS trick pls?
Giuseppe Del Vescovo wrote:

Ok thank you.
Anyone else can help me in this CSS trick pls?


Please follow this url. Thanks
http://ianlunn.github.io/Hover/

Toufiq - Staff

More than a month ago #Permalink
Hi, Yes it is possible to make animated icon using SP Pagebuilder pro . Thanks

Giuseppe Del Vescovo

More than a month ago #Permalink
I Have already SP page Builder Pro but i can not have any animated icons!. Please tell me the way! :) Thank you!

Giuseppe Del Vescovo

More than a month ago #Permalink
No repli..? I found this page where got some help... But still can not rich the goal...
How can i also have a mouseover effect in the icon and in the feature box addon?
I am using SP Pagebuilder pro and i need a hand! Thank you!

Toufiq - Staff

More than a month ago #Permalink
Hi, Please check this video tutorial. Thanks

Giuseppe Del Vescovo

More than a month ago #Permalink
Thank you very much Toufiq, but with the terms" animated icons" i ment somthing else:

In the demo of the Shaper Radon template you can see the result i d like to have:

http://demo.joomshaper.com/?template=radon

I found something very close here

https://fortawesome.github.io/Font-Awesome/examples/#animated

But by adding in the CSS Class the "fa-spin" suffix i did not get the same effect and especially is not mouse over!

Thank to the one could help me!

Toufiq - Staff

More than a month ago #Permalink
Giuseppe Del Vescovo wrote:

Thank you very much Toufiq, but with the terms" animated icons" i ment somthing else:

In the demo of the Shaper Radon template you can see the result i d like to have:

http://demo.joomshaper.com/?template=radon

I found something very close here

https://fortawesome.github.io/Font-Awesome/examples/#animated

But by adding in the CSS Class the "fa-spin" suffix i did not get the same effect and especially is not mouse over!

Thank to the one could help me!


Thanks for your reply. If you want to do as per your requirement, then you have to write custom css. Thanks

Giuseppe Del Vescovo

More than a month ago #Permalink
Ok thank you.
Anyone else can help me in this CSS trick pls?

Giuseppe Del Vescovo

More than a month ago #Permalink
Thank you Toufiq! Thi was what i looking for!

http://ianlunn.github.io/Hover/


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 124
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 97
Toufiq

Toufiq

Total Accepted Answers: 23
Pavel

Pavel

Total Accepted Answers: 4
Al Mamun

Al Mamun

Total Accepted Answers: 3

113

Templates

289769

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us