Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
Articles by Chandu yadav
Page 21 of 81
Animated background with CSS
Use the @keyframes to animate. To implement animation on background with CSS, you can try to run the following codeExample div { width: 400px; height: 300px; animation: myanim 3s infinite; } @keyframes myanim { 30% { background: green bottom right/50px 50px; } }
Read MoreSet animation with a slow end using CSS
Use the animation-timing-function property, with the ease-out value to set animation with a slow end with CSSExample div { width: 150px; height: 200px; position: relative; background-color: #808000; animation-name: myanim; animation-duration: 2s; animation-direction: alternate-reverse; animation-iteration-count: 3; } @keyframes myanim { from {left: 100px;} to {left: 200px;} } #demo {animation-timing-function: ease-out;} ease-out effect
Read MoreSelects all elements with CSS
To select all elements, use the * CSS Selector. You can try to run the following code to select all the elements,Example *{ color: blue; background-color: orange; } Demo Website Learning Tutorials on web dev, programming, database, networking, etc. Every tutorials has lessons with illustrations and figures.
Read MorePerform Animation on border-right-width property
To implement animation on border-right-width property with CSS, you can try to run the following codeExample div { width: 500px; height: 300px; background: yellow; border: 15px solid yellow; background-image: url('https://www.tutorialspoint.com/latest/cuda.png'); animation: myanim 3s infinite; background-position: bottom left; background-size: 50px; } @keyframes myanim { 30% { background-color: maroon; border-right-color: red; border-right-width: 25px; } } Performing Animation for border right width
Read MoreWrap the flex items in reverse order with CSS
Use the flex-wrap property with wrap-reverse value to wrap flex-items in reverse order.ExampleYou can try to run the following code to implement the wrap-reverse value .mycontainer { display: flex; background-color: #D35400; flex-wrap: wrap-reverse; } .mycontainer > div { background-color: white; text-align: center; line-height: 40px; font-size: 25px; width: 100px; margin: 5px; } Quiz Ans1 Ans2 Ans3 Ans4 Ans5 Ans6 Ans7 Ans8 Ans9
Read MoreHow do malloc() and free() work in C/C++?
Both malloc() and free() are used to manage memory at runtime. The malloc() is very useful because it allocates memory based on the program needs, while free() releases the memory. But the free() can lead to memory leakage, which is one of its disadvantages. What is malloc()? The function malloc() is used to allocate the requested size of bytes and it returns a pointer to the first byte of allocated memory. It returns null pointer, if it fails. Syntax Following is the basic syntax of malloc(): pointer_name = (cast-type*) malloc(size); Here, pointer_name : Any ...
Read MoreC++ Program to Implement Max Heap
In this article, we will write a C++ program that implements a Max Heap. A Max Heap is a binary tree where the value of each node is greater than or equal to the values of its children. We will explain how to create a Max Heap using arrays and implement operations like insertion and deletion. The article will cover the following topics: What is a Heap? What is Max Heap? What is Heapify? Max Heap Implementation Deletion from ...
Read MoreHow to print out the contents of a vector in C++?
Vectors are similar to the dynamic arrays but vectors can resize. They are sequence containers that can change their size according to the insertion or deletion of elements. Containers are the objects which holds the data of same type. Vectors may allocate some extra storage for the future growth of elements in the vector. Its elements are stored in the contiguous memory. The data is entered at the end of vector. In this article, we will show you how to print the contents of a vector in C++. Example Scenario: std::vector vec = {10, 20, 30, 40, 50}; You ...
Read MoreJava program to deselect a range of columns in a JTable
In this article, we will learn how to deselect a range of columns in a JTable using Java. JTable is a part of the Swing framework in Java, which is used to display and edit tables. Sometimes, we may want to deselect a specific range of columns after selecting columns in a table. This can be done by using the removeColumnSelectionInterval() method. Problem Statement Given a JTable with columns selected, write a Java program to deselect a range of columns from the table. Input A JTable with columns selected.Output The specified range of columns will be deselected. Steps to ...
Read MoreCompilation and Execution of a C# Program
To compile and execute a program in C#, you just need to click the Run button or press F5 key to execute the project in Microsoft Visual Studio IDE. Compile a C# program by using the command-line instead of the Microsoft Visual Studio IDE − Open a text editor and add the above-mentioned code. Save the file as helloworld.cs Open the command prompt tool and go to the directory where you saved the file. Type csc helloworld.cs and press enter to compile your code. If there are no errors in your code, the command prompt takes you to the next line and ...
Read More