How to blink text in html for various browsers

How to blink text in html for various browsers

The blink() method is not standard, and may not work as expected in all browsers.
The blink() method is used to display a blinking string.
This method returns the string embedded in the <blink> tag, like this:

<blink>string</blink>

Note:  The blink() method only works in Opera. It is not supported in Internet Explorer, Firefox, Chrome, or Safari.

So alternatively we can try this below:

<span class="blink_text">India's Largest portal is Meetcity.in</span> 
<style type="text/css"> 
.blink_text { 

        -webkit-animation-name: blinker;
 -webkit-animation-duration: 1s;
 -webkit-animation-timing-function: linear;
 -webkit-animation-iteration-count: infinite;

 -moz-animation-name: blinker;
 -moz-animation-duration: 1s;
 -moz-animation-timing-function: linear;
 -moz-animation-iteration-count: infinite;
 animation-name: blinker;
 animation-duration: 1s;
 animation-timing-function: linear; 
    animation-iteration-count: infinite; color: red; 
} 

@-moz-keyframes blinker {
    0% { opacity: 1.0; }

    50% { opacity: 0.0; }

    100% { opacity: 1.0; } 
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }

    50% { opacity: 0.0; }

    100% { opacity: 1.0; } 
} 

@keyframes blinker {  
    0% { opacity: 1.0; } 

    50% { opacity: 0.0; }      

    100% { opacity: 1.0; } 
} 
</style> 

Related Posts:

1. 413 “Request Entity Too Large” error with uploading a file
2. Difference between cookies and sessions in php
3. How to create a .webp image in PHP
4. How to expire PHP session after a period of time
5. How to resolved when Logged out sessions get restored by back button
6. why javascript contains property is not working in chrome browser
7. what are the differences between json and jsonp
8. Abstract Class in Php

Read More

How do you disable "Save as" function on images?

How do you disable "Save as" function on images?

    I want to the disable the save option in image and also disable copy the image  script will be given below:

 

 <style>
thumbnail.large,thumbnail.large .box-crop,thumbnail.large .box-contests,thumbnail.large .details,thumbnail.large .details .relative {width:100%;height:100%;}
thumbnail .details,thumbnail .details .relative {width:100%;height:100%;box-shadow:0;}
thumbnail .details .top .content {min-height:30px;}
thumbnail .details .top {display:block;font-size:16px;line-height:28px;text-align:center;}
thumbnail a:hover {text-decoration:none;}
thumbnail .details .top,thumbnail .details .bottom {width:100%;color:white;}
thumbnail .details .bottom {line-height:24px;}
thumbnail .closed .details .bottom.content {background:#D70200;text-align:center;line-height:26px;}
thumbnail .box-crop.crop-height img {width:100%;height:auto;margin-left:auto;}
thumbnail .details {position:absolute;top:0;left:0;}
</style>

<thumbnail class="large">
<img src="./images/pair.jpg" alt="Pair">
<a href="#"><div class="details"></div></a>
</thumbnail>

Download the Link:

https://www.box.com/shared/6rznbxxyt2fm956kgvao

The following file will be working fine.

Read More