[ANIMATION BACKGROUND] for your site.

Discussion in 'Sources' started by MoloF, 13 May 2018.

Advertisement:

  1. MoloF

    MoloF Member

    Joined:
    12 May 2018
    Messages:
    15
    Likes Received:
    29

    Greetings!
    I decided to do nothing to make a guide, on the theme of animation of the background, who can and wants such a miracle ..

    I will not go into details, saying how and what, I'll tell you how to use it.


    Result : work.slater-project.ru


    You can observe a smooth change of background and adjustment of it, as well as a change of different color scales.

    To add yourself such a background, it is enough for you to copy:



    .class{
    animation: gradient 10s infinite;
    background-size: 1000% 1000%;
    }





    Substitute your class.



    @keyframes gradient {
    0% {

    background-position: 0% 0%;
    }
    50% {
    background-position: 100% 100%;
    }
    100% {
    background-position: 0% 0%;
    }
    }




    Just add to your stylesheet file.

    Well, of course, choose one of the favorite color palettes, to do this, select your favorite color
    Then copy its class:



    .color-1{
    background: linear-gradient(-45deg, #cc2b5e, #753a88);
    }



    And set your element on the site, exactly the same name class = "color-1" to the same element in which you set yourself the animation and background-size settings above.


    If my words are difficult to understand, you can simply download the finished result with rghost and put yourself on local, or normal hosting.


    Download : rghost

    Result : work.slater-project.ru/animation-background/

    Image:
    [​IMG]

    I use google translate, I apologize for my english.
     

    Advertisement:

  2. ESEADriver2

    ESEADriver2 Donator

    Joined:
    10 Jan 2015
    Messages:
    2,138
    Likes Received:
    1,198
    Nice release I guess(?)
     

    Advertisement:

  3. AK68

    AK68 Active Member

    Joined:
    5 Aug 2017
    Messages:
    178
    Likes Received:
    119
    Thanks for sharing your work, i'm sure someone will enjoy this
     
    Gab and MoloF like this.
  4. lach

    lach Donator

    Joined:
    6 Jan 2017
    Messages:
    454
    Likes Received:
    475
    good release especially for users that aren't as advanced as others. i'm pretty sure someone will use that.

    keep it up!
     
    Farid and MoloF like this.
  5. BlatantHaxxor

    BlatantHaxxor Member

    Joined:
    5 Feb 2017
    Messages:
    57
    Likes Received:
    36
    This is neat, thank you for sharing
     
  6. _nCo

    _nCo Advanced Member des Todes

    Joined:
    5 Dec 2010
    Messages:
    1,548
    Likes Received:
    360
    Undankbarer Huso.

    Thanks for this release, but no need.
     
    COWBOYS0HN and Crysix like this.
  7. Crysix

    Crysix Honorable

    Joined:
    7 Aug 2016
    Messages:
    1,926
    Likes Received:
    1,195
    Spasibo
     
    MoloF likes this.
  8. MoloF

    MoloF Member

    Joined:
    12 May 2018
    Messages:
    15
    Likes Received:
    29
    Ne za chto my friend .

    Soon I'll post something else useful
     
    AK68, lach and Crysix like this.