Forum Replies Created

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • in reply to: Column hover effect #393411

    Oh sorry!!

    Please find the link
    here

    Please take a look to “what we do” section.
    This website doesn’t seem to be based on Enfold, but I would like to know if this effect is possible within your theme :
    A logo within a box which the backgroung change according to mouse hover.

    If yes how to enable this feature ?

    Best regards

    in reply to: Hover animation on Icon without link or tooltip #389053

    I got it, I found a thread in your support :

    /*sonar effect*/
    @-webkit-keyframes sonarEffect {
    	0% {opacity: 0.3;}
    	40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);}
    	100% {box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);-webkit-transform: scale(1.5);opacity: 0;}
    }
    @-moz-keyframes sonarEffect {
    	0% {opacity: 0.3;}
    	40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);}
    	100% {box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);-moz-transform: scale(1.5);opacity: 0;}
    }
    @keyframes sonarEffect {
    	0% {opacity: 0.3;}
    	40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);}
    	100% {box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);transform: scale(1.5);opacity: 0;}
    }

    I changed every rgba(255,255,255,opacity) element, by the color code, I was looking for.

    Thanks again

    in reply to: Hover animation on Icon without link or tooltip #388993

    Hi!

    Sonar effect works fine !!!! Thank you so much

    For some who don’t even know what is sonar effect, I had this code within wordpress backend at Enfold->General Styling:

    .av_font_icon span:hover:after {
    -webkit-animation: sonarEffect 1s ease-out;
    -moz-animation: sonarEffect 1s ease-out;
    animation: sonarEffect 1s ease-out;
    }

    My latest question is how to change the color of this awesome effect like this website :

    http://goo.gl/AWZDuz

    Actually the sonar effect is white, I would like that it have the same color as icon circle.

    Cheers

    in reply to: demo pages unavailable #388283

    I did a fresh reinstall of wordpress (removed every wordpress files, delete SQL database) and then recreate a new database, install wordpress and your theme.

    Now everything seems to be fine.

    By the way this issue happened when I uninstall and then reinstall your theme. At the second install, issue occured. It was possible to download any demo pages. It looks like something mention that some pages was still here.

Viewing 4 posts - 1 through 4 (of 4 total)