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

154 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

953 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

300 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

strtod Function in C/C++

karthikeya Boyini
Updated on 26-Jun-2020 08:10:10

414 Views

The function strtod() is used to convert the string to a floating point number. The string is converted into double type number. It returns the converted number, if successful otherwise, zero. This is declared in “stdlib.h” header file.Here is the syntax of strtod() in C language, double strtod(const char *string, char **endpointer);Here, string − The string to be converted.endpointer − The pointer of already allocated object and its value is set to the next character by the function after the numeric value.Here is an example of strtod() in C language, Example Live Demo#include #include int main () {   ... Read More

Format Message with Integer Fillers in Java

Chandu yadav
Updated on 26-Jun-2020 08:09:10

386 Views

To format message with integer fillers in Java, we use the MessageFormat class. The MessageFormat class gives us a way to produce concatenated messages which are not dependent on the language. The MessageFormat class extends the Serializable and Cloneable interfaces.Declaration − The java.text.MessageFormat class is declared as follows −public class MessageFormat extends FormatThe MessageFormat.format(pattern, params) method formats the message and fills in the missing parts using the objects in the params array matching up the argument numbers and the array indices.The format method has two arguments, a pattern and an array of arguments. The pattern contains placeholder in {} curly ... Read More

Set All Background Image Properties in CSS

Samual Sam
Updated on 26-Jun-2020 08:09:05

169 Views

The CSS background property is used to set all the background image properties in one section.ExampleYou can try to run the following code to implement the background property:Live Demo                    #demo {             background: lightblue url("https://www.tutorialspoint.com/css/images/css-mini-logo.jpg") no-repeat fixed top;          }                              www.tutorialspoint.com          Tutorials Point originated from the idea that there exists a             class of readers ... Read More

Advertisements