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 Shubham Vora
Page 2 of 80
Shake a Button on Hover using HTML and CSS
To shake a button on hover using HTML and CSS, we should have basic understanding of CSS animations and keyframes. We will be understanding how to utilize CSS animation and keyframes to apply shaking effect to a button on hovering. In this article, we are having buttons wrapped inside a div container. Our task is to shake button on hover using HTML and CSS. Steps to Shake Button on Hover Using HTML and CSS To shake a button on hover using HTML and CSS, we will be utilizing CSS animation and transform properties. We will be following below mentioned steps ...
Read MoreProgramming a slideshow with HTML and CSS
Programming a slideshow using HTML and CSS, we should have a basic understanding of HTML and CSS animations. Slideshow displays a series of content in a sequential manner with smooth transitions. In this article, we will discuss how to create a slideshow using HTML and CSS without using JavaScript. We are having a set of div elements having textual content or images as slides. Our task is to program a slideshow using HTML and CSS. Steps for Programming a Slideshow with HTML and CSS We will be following a two step process for programming a slideshow with HTML and CSS ...
Read MoreSet the opacity only to background color not on the text in CSS
To set the opacity only to background color not on the text in CSS, it can help in creating overlays cards or popups. We can decrease the background color's opacity by decreasing the alpha variable's value while assigning the color value to the background color property. In this article, we are having three div boxes with background color, our task is to set the opacity only to background color not on the text in CSS. Approaches to Set the Opacity only to Background Color Here is a list of approaches to set the opacity only to background color not on ...
Read MoreWildcard Selectors (*, ^ and $) in CSS for classes
CSS wildcard selectors allow us to select an HTML element containing the particular substring in the value of the particular attribute, such as classes, id or other attributes. It is useful when style is applied to multiple elements having a common pattern in their attributes. In this article, we will be learning about wildcard selectors in CSS and it's types which are mentioned below. Contains (*=) wildcard selector Starts with (^=) wildcard selector Ends with ($=) wildcard selector Contains (*=) wildcard selector CSS contains(*=) wildcard ...
Read MoreOffsetWidth, clientWidth, scrollWidth and Height, respectively in CSS
In this article, we will be understanding the difference between CSS offsetWidth, clientWidth, scrollWidth and difference between offsetHeight, clientHeight, scrollHeight since they return width and height of HTML element respectively. CSS offsetWidth, clientWidth and scrollWidth offsetWidth: CSS offsetWidth property is the total width of the element, including the actual width, padding, border, and scrollbar in pixels. It doesn't include the margin in the width. It is an outer width of an HTML element. ...
Read MoreHow to remove border from Iframe using CSS?
To removing border from iframe using CSS can be useful when you don't want unwanted border when you integrate content from other sources on your webpage like youtube video, another webpage etc. An iframe is an inline frame that allows us to embed another document within the current HTML document. In this article, we will be discussing various approaches to remove border from iframe using CSS. We are having an iframe window which display the content of other webpage in our HTML document. Our task is to remove the border around the iframe window. Approaches to Remove Border from Iframe ...
Read MoreSet the limit of text length to N lines using CSS
To set the limit of text length to n lines, it can help in more organized presentation of text and better readability. This process is also known as truncating. In this article we will be understanding diifferent approaches to truncate the text. In this article, we are having a div element with some text content in it. Our task is to limit the text length to N lines using CSS. Approaches to Set the Limit of Text Length to N Lines Here is a list of approaches of how to Set Color of Progress Bar using HTML and CSS with ...
Read MoreHow to remove CSS property using JavaScript?
To remove CSS property using JavaScript, it can be helpful in various aspects like removing unnecessary style property, increase the performance, can be easily maintained and and debugging becomes easier. In this article we are having a div element and in some approaches p element on which some CSS properties have veen applied. Our task is to remove applied CSS property using JavaScript. Approaches to Remove CSS property using JavaScript There are various ways to remove CSS property using JavaScript, here is a list of approaches with step wise explaination and complete example codes. Using ...
Read MoreMake a div horizontally scrollable using CSS
To make a div horizontally scrollable we will need to use the CSS overflow property. In this article we will show all the possible ways to make div horizontally scrollable. First, let’s understand why we need to make a div horizontally scrollable. For example, the width of the parent div element is 500px, or the screen size is 500px. Now, the content of the div element is 1500px. So, if we don’t make the parent div horizontally scrollable, it breaks the UI of the application. So, we can make it scrollable, and users can scroll to see the invisible ...
Read MoreJava Program to Implement the RSA Algorithm
The RSA name is given by their inventors which is used to encrypt the text with high security. The RSA technique is one of the most used techniques to encrypt text, as it is the asymmetric encryption algorithm. It encrypts the text by utilizing the mathematical properties of the prime numbers. In the RSA algorithm, the sender and receiver have private keys. Also, a common public key exists, which the sender shares with the receiver. The sender encrypts the plain text using their own public and private key, and the receiver decrypts the message using their private and public ...
Read More