1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Can anybody help me please? Animation in a header

Discussion in 'HTML & Website Design' started by Jackyo, Aug 14, 2018.

  1. #1
    I was looking for some info about this across the internet, but didn't find any. So I would ask here, hope I will get some help.
    Please take a look on the header here: https://www.softvelopers.com/
    Can anybody tell me please how to achieve such an animation? The site is on WordPress, os some plugins maybe?
    SEMrush
     
    Jackyo, Aug 14, 2018 IP
    SEMrush
  2. rajesh.ejob

    rajesh.ejob Active Member

    Messages:
    1,112
    Likes Received:
    7
    Best Answers:
    1
    Trophy Points:
    90
    #2
    rajesh.ejob, Aug 14, 2018 IP
  3. Emili Ladjet

    Emili Ladjet Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    1
    #3
    Hello Jackyo
    The site is in WordPress, I think it's a WordPress plugin, but the best way is to take the HTML / CSS / JS code directly from thesoftvelopers.com
     
    Emili Ladjet, Aug 14, 2018 IP
  4. sarahk

    sarahk iTamer Staff

    Messages:
    24,491
    Likes Received:
    3,296
    Best Answers:
    94
    Trophy Points:
    615
    #4
    sarahk, Aug 14, 2018 IP
  5. Maxim91

    Maxim91 Peon

    Messages:
    1
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    1
    #5
    Slider revolution plugins and it's kinda like plugins got this particle option
     
    Maxim91, Oct 20, 2018 IP
  6. JasEvic

    JasEvic Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    1
    #6
    Looks like this plugin is exactly what you need https://wordpress.org/plugins/particle-background-wp/
    Hope it helps!
     
    JasEvic, Oct 21, 2018 IP
  7. 99james99

    99james99 Greenhorn

    Messages:
    85
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #7
    First, you need to install plugin for background image and activate it in plugin full scream background
     
    99james99, Oct 22, 2018 IP
  8. pawon

    pawon Peon

    Messages:
    6
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    1
    #8
    You can do it with some simple JS code and an extra CSS class

    Create an extra CSS class that fixes the header to the top of the screen, changes the background color, etc.

    Then, add some simple JS code that adds the CSS class to the header.

    Example here: https://jsfiddle.net/19bwe33x/12/

    Pawon
     
    pawon, Nov 12, 2018 at 3:03 AM IP