Bounce In Right Animation Effect with CSS

Samual Sam
Updated on 26-Jun-2020 08:17:25

212 Views

To implement Bounce In Right Animation Effect with CSS, you can try to run the following code −ExampleLive Demo                    .animated {             background-image: url(/css/images/logo.png);             background-repeat: no-repeat;             background-position: left top;             padding-top:95px;             margin-bottom:60px;             -webkit-animation-duration: 10s;             animation-duration: 10s;             -webkit-animation-fill-mode: both;             animation-fill-mode: both;          }          @-webkit-keyframes bounceInRight {             0% {                opacity: 0;                -webkit-transform: translateX(2000px);             }             60% {                opacity: 1;                -webkit-transform: translateX(-30px);             }             80% {                -webkit-transform: translateX(10px);             }             100% {                -webkit-transform: translateX(0);             }          }          @keyframes bounceInRight {             0% {                opacity: 0;                transform: translateX(2000px);             }             60% {                opacity: 1;                transform: translateX(-30px);             }             80% {                transform: translateX(10px);             }             100% {                transform: translateX(0);             }          }          .bounceInRight {             -webkit-animation-name: bounceInRight;             animation-name: bounceInRight;          }                           Reload page                function myFunction() {             location.reload();          }          

Display Month Number with SimpleDateFormat in Java

karthikeya Boyini
Updated on 26-Jun-2020 08:16:50

3K+ Views

To display the month number, use the SimpleDateFormat(“M”)// displaying month number Format f = new SimpleDateFormat("M"); String strMonth = f.format(new Date()); System.out.println("Month Number = "+strMonth);Since, we have used the Format and SimpleDateFormat class above, therefore import the following packages. With that, we have also used the Date.import java.text.Format; import java.text.SimpleDateFormat; import java.util.Date;Example Live Demoimport java.text.Format; import java.text.SimpleDateFormat; import java.util.Date; import java.util.Calendar; public class Demo {    public static void main(String[] args) throws Exception {       // displaying current date and time       Calendar cal = Calendar.getInstance();       SimpleDateFormat simpleformat = new SimpleDateFormat("dd/MMMM/yyyy hh:mm:s");     ... Read More

CSS Background Origin Property

Chandu yadav
Updated on 26-Jun-2020 08:16:48

177 Views

The CSS background-origin property is used to specify position of the background images.ExampleYou can try to run the following code to implement background-origin property:Live Demo                    #demo {             border: 5px dashed red;             padding: 10px;             background-image: url("https://www.tutorialspoint.com/css/images/css-mini-logo.jpg");             background-origin: content-box;          }                              www.tutorialspoint.com          The website www.tutorialspoint.com ... Read More

Bounce In Left Animation Effect with CSS

Lakshmi Srinivas
Updated on 26-Jun-2020 08:16:05

163 Views

To implement Bounce In Left Animation Effect with CSS, you can try to run the following code −ExampleLive Demo                    .animated {             background-image: url(/css/images/logo.png);             background-repeat: no-repeat;             background-position: left top;             padding-top:95px;             margin-bottom:60px;             -webkit-animation-duration: 10s;             animation-duration: 10s;             -webkit-animation-fill-mode: both;             animation-fill-mode: both;          }          @-webkit-keyframes bounceInLeft {             0% {                opacity: 0;                -webkit-transform: translateX(-2000px);             }             60% {                opacity: 1;                -webkit-transform: translateX(30px);             }             80% {                -webkit-transform: translateX(-10px);             }             100% {                -webkit-transform: translateX(0);             }          }          @keyframes bounceInLeft {             0% {                opacity: 0;                transform: translateX(-2000px);             }             60% {                opacity: 1;                transform: translateX(30px);             }             80% {                transform: translateX(-10px);             }             100% {                transform: translateX(0);             }          }          .bounceInLeft {             -webkit-animation-name: bounceInLeft;             animation-name: bounceInLeft;          }                           Reload page                function myFunction() {             location.reload();          }          

Bounce In Down Animation Effect with CSS

George John
Updated on 26-Jun-2020 08:15:14

183 Views

To implement Bounce In Down Animation Effect with CSS, you can try to run the following code −ExampleLive Demo                    .animated {             background-image: url(/css/images/logo.png);             background-repeat: no-repeat;             background-position: left top;             padding-top:95px;             margin-bottom:60px;             -webkit-animation-duration: 10s;             animation-duration: 10s;             -webkit-animation-fill-mode: both;             animation-fill-mode: both;          }          @-webkit-keyframes bounceInDown {             0% {                opacity: 0;                -webkit-transform: translateY(-2000px);             }             60% {                opacity: 1;                -webkit-transform: translateY(30px);             }             80% {                -webkit-transform: translateY(-10px);             }             100% {                -webkit-transform: translateY(0);             }          }          @keyframes bounceInDown {             0% {                opacity: 0;                transform: translateY(-2000px);             }             60% {                opacity: 1;                transform: translateY(30px);             }               80% {                transform: translateY(-10px);             }             100% {                transform: translateY(0);             }          }          .bounceInDown { -           webkit-animation-name: bounceInDown;             animation-name: bounceInDown;          }                           Reload page                function myFunction() {             location.reload();          }          

Convert String Value to Float Using Float.valueOf in Java

Samual Sam
Updated on 26-Jun-2020 08:13:31

163 Views

The Float.valueOf() method is used in Java to convert string to float.The following are our string values.String str1 = "100.5"; String str2 = "200.5";To convert the string value to float, try the method valueOf()float val1 = (Float.valueOf(str1)).floatValue(); float val2 = (Float.valueOf(str2)).floatValue();The following is the complete example with output.Example Live Demopublic class Demo {    public static void main(String args[]) throws Exception {       String str1 = "100.5";       String str2 = "200.5";       float val1 = (Float.valueOf(str1)).floatValue();       float val2 = (Float.valueOf(str2)).floatValue();       System.out.println("Multiplication = " + (val1 * val2));    } }OutputMultiplication = 20150.25

Print 1 to 100 in C++ Without Loop and Recursion

Samual Sam
Updated on 26-Jun-2020 08:11:52

966 Views

There are several methods to print numbers without using loops like by using recursive function, goto statement and creating a function outside main() function.Here is an example to print numbers using goto statement in C++ language,Example Live Demo#include using namespace std; int main() {    int count=1;    int x;    cout > x;    PRINT:    cout

Convert Java String to Float Object

Samual Sam
Updated on 26-Jun-2020 08:11:35

308 Views

To convert String to Float Object, you can use a method Float.valueOf() method or you can even achieve this without using the in-built method.Let us see both the examples.The following is an example that converts String to Float Object using Float.valueOf() method.Example Live Demopublic class Demo {    public static void main(String args[]) {       Float f = Float.valueOf("30.67");       System.out.println(f);    } }Output30.67Let us see another example.Example Live Demopublic class Demo {    public static void main(String args[]) {       Float f = new Float("45.88");       System.out.println(f);    } }Output45.88

isalnum Function in C Language

karthikeya Boyini
Updated on 26-Jun-2020 08:11:19

9K+ Views

The function isalnum() is used to check that the character is alphanumeric or not. It returns non-zero value, if the character is alphanumeric means letter or number otherwise, returns zero. It is declared in “ctype.h” header file.Here is the syntax of isalnum() in C language, int isalnum(int character);Here, character − The character which is to be checked.Here is an example of isalnum() in C language, Example Live Demo#include #include int main() {    char val1 = 's';    char val2 = '8';    char val3 = '$';    if(isalnum(val1))    printf("The character is alphanumeric");    else    printf("The character is not ... Read More

isupper Function in C Language

Samual Sam
Updated on 26-Jun-2020 08:10:38

2K+ Views

The function isupper() is used to check that the character is uppercase or not. It returns non-zero value if successful otherwise, return zero. It is declared in “ctype.h” header file.Here is the syntax of isupper() in C language, int isupper(int character);Here, character − The character which is to be checked.Here is an example of isupper() in C language, Example Live Demo#include #include int main() {    char val1 = 's';    char val2 = 'S';    if(isupper(val1))    printf("The character is uppercase");    else    printf("The character is not uppercase");    if(isupper(val2))    printf("The character is uppercase");    else    printf("The ... Read More

Advertisements