CSS3 Awesome Footer Tutorial – 10 – Cool Pop-up on Mouse Hover

[ad_1]
Facebook –
GitHub –
Google+ –
LinkedIn –
reddit –
Support –
thenewboston –
Twitter –


Posted

in

by

Tags:

Comments

25 responses to “CSS3 Awesome Footer Tutorial – 10 – Cool Pop-up on Mouse Hover”

  1. John Joannis Hatsios Avatar

    lol previous video du dudu

  2. Ahmed Adel Khater Avatar

    Liked and subscribed .. thanks a lot 🙂

  3. Richard Rhyck Avatar

    Good, but would be interesting if we could see the html code as well

  4. Patrick Zulu Avatar

    Cool Stuff man…!

  5. AudioPhreak Avatar

    Anyone else notice the IM's? LOL

  6. Mx Paraz Avatar

    thank you 🙂 

  7. LordStarBlue Avatar

    Thank you for the tutorial !

  8. Erick Maynard Avatar

    Not necessary unless you have a .notificationIcon div somewhere else on the website. It is technically good practice especially if you're building a social media network like he said, you never know when a year or two down the line your 1 row of CSS code that you made last year is going to conflict with something 100,000 lines of code later. Overall with this tutorial you could never use it on a live site, it wouldn't work for half the users! Use with caution…

  9. william cochran Avatar

    Shouldn't you have #footer before the a.notificationIcon in the CSS since it is within the footer div tags?
    Like This?

    #footer a.notificationIcon span{
    display:none;
    font-size:12px;
    color:white;
    bottom:45px;
    width: 150px;
    position: absolute;
    border:1px solid #333333;
    border-radius:3px;
    padding:5px;
    margin-left:-75px;
    background:rgba(0,0,0,0.4);
    }

    #footer a.notificationIcon:hover span{
    display:block;
    }

  10. Caleb Butler Avatar

    I noticed you say "boom, roasted" in almost all of your videos.

  11. Dann858 Avatar

    Why is the:
    a.notificationIcons:hover span {
    display: none;
    font-size: 12px;
    color: white;
    bottom: 45px;
    width: 150px;
    position: absolute;
    border: 1px solid #333333;
    border-radius: 3px;
    padding: 5px;
    margin-left: -75px;
    background: rgba(0,0,0,0.4);
    }

    not enough?

  12. teC5 Avatar

    Oh bucky, you got something to explain to John.

  13. Imed Khochtali Avatar

    you always know how to be funny bucky

  14. Shaikh Ahmad Avatar

    Bucky We Want the HTML Side

  15. Naziru Adam Avatar

    Hey Bucky, I have been out of watching your tutorials for sometime, in fact, months. Today that I watched this tut I remembered the days I first learned Java from your videos! Same voice, but now with more maturity. It's just like you meet someone you did not meet for long.

    About this tutorial, it is quite educating. I've been looking for information on how you can use background with opacity, and a big thank to you for the rgba() function, it solves my problem. God bless.

  16. NeverGoFullRetard69 Avatar

    I cant believe you stuck it in my…

  17. José Ronaldo Bezerra dos Santos Avatar

    ótimas aula. Parabéns nota 1000

  18. Meekee Avatar

    nice messages huh?

  19. Will Moffat Avatar

    Does anyone know where Bucky got his notification icons from?

  20. XBLH3adshot Avatar

    LOL at facebook messages. LOL

  21. Ice Avatar

    HAHA love those Facebook "PM's" you got

Leave a Reply

Your email address will not be published. Required fields are marked *