How to make the Green Online icon "Glow" using Pure CSS

  • Downloading from our site will require you to have a paid membership. Upgrade to a Premium Membership today!

    Dont forget read our Rules! Also anyone caught Sharing this content will be banned. By using this site you are agreeing to our rules so read them. Saying I did not know is simply not an excuse! You have been warned.

Radio

    ven0m

    ven0m

    Administrator
    Staff member
    Administrator
    Moderator
    Platinum
    xenForo 2.x.x
    xenForo 1.x.x
    Contributor
    vBulletin All Access Pass
    The Chest
    Verified
    Ultra Platinum VIP
    Platinum VIP
    Gold VIP
    Silver VIP
    Premium
    Member
    Jul 17, 2005
    20,503
    7,742
    321
    localhost
    Heisenberg submitted a new resource:

    You must be registered for see links
    - How to make the Green Online icon "Glow" using Pure CSS

    vB Version: 5.x.x

    No animated gif. No jQuery animation. No additional image. Just pure CSS3 animation coolness. :cool:

    Add this in css_additional template or via Sitebuilder > Style > CSS Editor:
    Code: 
    [B][I].b-icon__status--green:after {
    content: '';
    border: 10px solid #6e9d00; /* green, change as needed */
    background: transparent;
    border-radius: 40px;
    height: 40px;
    width: 40px;...
    Click to expand...

    You must be registered for see links
     
    Last edited:
    You must log in or register to reply here.
    Thread starter Similar threads Forum Replies Date
    ven0m Username Colors "Online Users" (Like colorbars) vBulletin 5 Temp Mods 0
    ven0m New Topic/Sub-Topic Online Effect Glow vBulletin 5 Temp Mods 0
    ven0m How to change online/offline icons vBulletin 5 Temp Mods 0
    ven0m New Topic Pulsing Glowing Icon vBulletin 5 Temp Mods 0
    ven0m RSS icon glow vBulletin 5 Temp Mods 0
    Similar threads
    Top Bottom