Yaswanth Varma has Published 271 Articles

CSS :first-letter pseudo-element

Yaswanth Varma

Yaswanth Varma

Updated on 08-Jan-2024 14:43:02

213 Views

For many years, drop caps have been utilized in print media to elegantly introduce the first letter of the opening paragraph in a section or chapter. Because they are applied to just one letter, these drop caps serve to attract the reader's attention. This is also a wonderful opportunity to ... Read More

Create rounded image with CSS

Yaswanth Varma

Yaswanth Varma

Updated on 08-Jan-2024 14:29:42

2K+ Views

Using CSS, we can build a visually attractive HTML document. Sometimes, when creating a web page, we want certain images or elements to have rounded corners. The CSS border-radius property is used in this situation. It can be used to draw attention to your website and make it stand out ... Read More

Create blurred picture or text with CSS Filters

Yaswanth Varma

Yaswanth Varma

Updated on 08-Jan-2024 14:27:45

188 Views

Users find a website with a blurred background to be visually good-looking. But have you ever considered how this blur is made specifically? Well, it's quite easy. Let's look at how to use the CSS background blur property to do it. Using CSS filters to generate blurred effects on images ... Read More

Create a Column Layout using CSS

Yaswanth Varma

Yaswanth Varma

Updated on 08-Jan-2024 14:26:29

205 Views

Web developers can organize and structure content in a visually good-looking way by utilizing CSS to create a column layout. Developers can define the number of columns by using the column-count property, while the column-gap property regulates the distance between them. This technique maximizes available space and improves readability, especially ... Read More

Change the padding of a button with CSS

Yaswanth Varma

Yaswanth Varma

Updated on 08-Jan-2024 14:23:04

3K+ Views

Button padding, as used in web development, describes the gap that exists between a button's text or icon and its edges. With CSS (Cascading Style Sheets), you can change a button's padding. The CSS padding property is used to add space to an element's border and surrounding area. Padding is ... Read More

Center links in a Navigation Bar with CSS

Yaswanth Varma

Yaswanth Varma

Updated on 08-Jan-2024 14:02:49

2K+ Views

One of the most crucial components of the website or application is the navbar. It usually sits at the top of your application and makes it simple for users to go to the most important areas or pages of your website or app. The major sections of your website are ... Read More

Avoid wrapping flex items with CSS

Yaswanth Varma

Yaswanth Varma

Updated on 08-Jan-2024 13:37:42

2K+ Views

The majority of developers and designers employed various methods to produce responsive and flexible layouts prior to the release of the Flexbox layout concept. These methods consist of tables, and floats. Although one can still use these methods, most designers now use the Flexbox model. Users can arrange and organize ... Read More

Add shadow effects to text with CSS

Yaswanth Varma

Yaswanth Varma

Updated on 08-Jan-2024 13:24:36

219 Views

The shadow effects are applied to the text, which helps to improve the design and style of the style. Our website can be made more visually appealing by using the CSS shadow. These are the visual effects of drawing that look like an object’s shadow, which helps the objects have ... Read More

Add more than one shadow to a text with CSS

Yaswanth Varma

Yaswanth Varma

Updated on 08-Jan-2024 13:06:52

650 Views

Whether in graphic design, photography, or even on a web page, adding shadows is a massive technique to create the appearance of depth and perspective. It is not necessary to open Photoshop or another visual editing program in order to apply this kind of effect to text, images, and other ... Read More

Add hoverable pagination with CSS

Yaswanth Varma

Yaswanth Varma

Updated on 08-Jan-2024 13:00:59

178 Views

Pagination is used to separate the given document into pages and assigns numbers. It makes easier to navigate through a lot of content by separating various entries or web content into separate pages, which makes content switching easy. Pagination enabled web links let users to scroll over your content. One ... Read More

Previous 1 ... 4 5 6 7 8 ... 28 Next
Advertisements