Skip to main content

how to blink texts using pure css animation

how to blink or highlight texts using pure css animation

Hello, today we will learn how to add blink effects on text by using css 3.CSS3 provides animation property that we can use for animation effects like blink with time interval.

Please use below code:

.blink_me {

  animation: blinker 1s linear infinite;

}



@keyframes blinker {

  50% {

    opacity: 0;

  }
}

Comments

  1. Alfred Avina25 February 2020 at 23:51

    As we know there are many companies which are converting into AWS Big data consultant with the right direction we can definitely predict the future.

    ReplyDelete
  2. Unknown29 February 2020 at 08:15

    As reported by Stanford Medical, It is really the SINGLE reason this country's women live 10 years longer and weigh 19 kilos less than us.

    (And actually, it really has NOTHING to do with genetics or some secret exercise and really, EVERYTHING to do with "HOW" they are eating.)

    BTW, What I said is "HOW", and not "what"...

    Click this link to find out if this easy questionnaire can help you unlock your real weight loss possibility

    ReplyDelete
  3. Rakesh17 March 2020 at 23:25

    This comment has been removed by the author.

    ReplyDelete
  4. Nina Athena22 March 2020 at 16:29

    Thank you for sharing this on your blog! It is very helpful for my insight! Please update more posts about this. Would love to see more updates from you.

    Melbourne SEO Services

    ReplyDelete
  5. jeya sofia30 March 2020 at 06:10

    Thanks for the informative article. This is one of the best resources I have found in quite some time.
    php Training in Anna Nagar
    php training in tambaram
    Dot Net Training in T Nagar
    Python Training in Tambaram
    Android Training in Anna Nagar
    Spoken English Classes in Anna
    Nagar
    Software Testing Training in T Nagar
    Python training in chennai
    Android Training in OMR
    Software testing training in Anna Nagar

    ReplyDelete
  6. Rakesh31 March 2020 at 22:49

    Your blog is interesting to read, thanks for sharing this and keep update your blog regularly.
    PHP Training in Chennai
    PHP Course in Chennai
    PHP classes in Chennai
    Best PHP Training in Chennai
    Angular 6 Training in Chennai
    Web Designing course in Chennai
    Salesforce Training in Chennai
    React JS Training in Chennai
    PHP Training in Tambaram
    PHP Training
    PHP and MYSQL Interview Questions

    ReplyDelete
  7. PWCTHW17 April 2020 at 09:44

    if you love programming, you should get those gadgets: https://www.programmerswillconquer.com/

    ReplyDelete
  8. latchu kannan8 June 2020 at 21:24

    Thank you for sharing this wonderful with lot of valuable information.
    AngularJS training in chennai | AngularJS training in anna nagar | AngularJS training in omr | AngularJS training in porur | AngularJS training in tambaram | AngularJS training in velachery


    ReplyDelete

Post a Comment

Popular posts from this blog

Run and compile sass scss file to css using node

  Today we learn how to use scss and generate css using node  or Run and compile sass scss file to css using node   So please follow simple  steps :-   Today we will create a project that can read scss file and generates css with it  Note: Make sure you have installed node in your system. If you want to help to install node js based on your system then check our other tutorial or check node js official website. Now create a blank folder and open  terminal(linux) or cmd(windows) and navigate to your current project folder by using cd command Now run below command npm init after enter it will ask you some package info that you can fill according to you or just keep enter until it finished. The above command will generate package.json file Now  we will install npm module that will convert our scss to css Run below command: npm install node-sass So we have installed node-sass package . Now open package.json file in your editor and add below code into it into
12 comments
Read more

How to retrieve Facebook Likes, share , comment Counts

function facebook_count($url){     // Query in FQL     $fql  = "SELECT share_count, like_count, comment_count ";     $fql .= " FROM link_stat WHERE url = '$url'";     $fqlURL = "https://api.facebook.com/method/fql.query?format=json&query=" . urlencode($fql);     // Facebook Response is in JSON     $response = file_get_contents($fqlURL);     return json_decode($response); } $fb = facebook_count('https://www.facebook.com/BahutHoGyiPadhai'); // facebook share count echo $fb[0]->share_count;  echo "like"; // facebook like count echo $fb[0]->like_count ; echo "comment"; // facebook comment count echo $fb[0]->comment_count;  ?>
18 comments
Read more

jQuery Datatable add date range filter

jQuery Datatable add date range filter Datatable is most useful jQuery plugin that helps to make our html tables more powerful and give powers to user to filter , search, sort, pagination etc, But Data table provides a common filter only and yes we can customize and add filter for each column, but still sometimes we need an advance filter like show results only between a date range, So today we will learn how to create a minimum and maximum date range fields and show date picker on it, and user can fill dates by selecting dates and data table will auto filter records based on it. Keep follow below steps :- I am using Bootstrap if you want to use any other framework then you can use. Create a new index.php file  and paste below code in it, i have used all required CDN like bootstrap, datatable, datepicker etc. <!DOCTYPE html> <html> <head>     <title>Datatable Date Range Filter Example</title>     <link rel="stylesheet" href="https://maxcd
Post a Comment
Read more