Css animated Bubbles in Website

By HubPrix -

The best way to animate your blog to attract audience is by using these codes like CSS. This CSS bubbles could be used as it is very easy to install


How to add

  • In blogger EDIT HTML find  ]]></b:skin>

 and just above it past this code

style 1

.help-bubble100 {
    width: 100px;
    height: 18px;
    top: -100px;
    left: -120px;
    padding: 3px 3px 3px 3px;
    color: #fff ;
    background-color: #228B22 ;
    font-size: 10px;
    font-family: verdana ;
    border: 1px solid #228B22 ;
    overflow: hidden;
    display: block;
    position: absolute; /* important */  
    visibility: hidden;    
    opacity: 0;
    transition: 0.3s ease-out;
    -webkit-transition: 0.3s ease-out;
    }



STYLE 2

.help-needed:hover .help-bubble100 {
    visibility: visible;
    opacity: 1;
    top: 0px;      
    z-index: 50;      
    transition: 0.8s ease-out;
    -webkit-transition: 0.8s ease-out;
    }


If you want to insert it in post copy this code


<span class="help-bubble100">I am hacker prime </span></span>.

Comments

Post a Comment

Popular posts from this blog

Youtube Video Presentation

By HubPrix -
Image
With so much content populating YouTube, someone finding your channel may seem about as difficult as finding Waldo in the world’s largest Where’s Waldo picture. We spent a full workday looking for him. Looking at hundreds of successful channels, we’ve noticed that the first break for most of them usually comes through a good spike in traffic from Search. So, in the very beginning, you should be making videos that rank in Search. To rank in Search successfully, it’s important to use your main keywords in three main area: The video’s title The video’s description The video’s tags This doesn’t mean spam your videos with keywords that don’t have any relation to your content as that could result in some very harsh penalties against your channel. Instead, put yourself in the mindset of the viewer searching for your content. What language would they use, what variety of questions would they ask, etc. How you utilize your keywords will have a major impact on the dis...
Read more Prime »

Create Quality and ClickBait Thumbnail

By HubPrix -
Image
Thumbnails are the movie posters for your YouTube videos. Eye-catching thumbnails will be a big reason why visitors will choose your video over another. If you don’t believe us, here’s a test: which of these movies would you rather see? Arnold Schwarzenegger is the greatest actor of all time and I’m still picking right. Thumbnails are extremely crucial for your success on YouTube. They complement your video title and play an enormous role in how often your video is suggested in Related videos or in the Browse section. Good thumbnails accurately show what the video entails. When you design your thumbnails, keep in mind that the majority of YouTube’s traffic is on mobile. So, don’t include details that are only visible when squinting. Ah, using my detective goggle, I can see that this video is clearly about turtles I think. It’s best to use photos that have a resolution of 1280x720 as that is largest size YouTube allows. And, pay close attention to what part of the ...
Read more Prime »