This short post talks about creating a stylish focus effect on input text elements using a pure CSS solution. The animation shows a colored bottom border gradually appearing on the input text focus and completing the animation in half of […]
Adding shadows is a great way to create the illusion of depth and perspective, whether on a photograph, graphic design, or even on a web page! With the help of CSS3 properties, you can add such an effect to text, […]
Make Beautiful Hyperlinks Using CSS
A beautiful website design addresses every single aspect and element of the website, whether big or small. Small animations and beautifully designed elements can immensely improve the overall user experience and can take the whole design […]
What is Flexbox?
The Flexbox layout has changed the whole building process of website design by adapting the design for different devices with different screen sizes. Use of the Flexbox layout ensures that elements behave predictably when the page layout must […]
What are Tooltips?
Tooltips are a great way to show extra information on hover on an image or text without disturbing the UI. Tooltips are used to show captions for the images and provide useful information for links or meaning of […]
Zooming in on an image is a functional and appreciated effect to have available. This functionality can be implemented in various ways, including through pure CSS, pure JavaScript or through jQuery. Out of these options, the pure CSS solution is […]
Opacity and Transparency
By definition, opacity and transparency in CSS define how visible an element is, whether in images, tables, or even RGBA (red green blue alpha) color values. Based on their root words, opacity is the measure of an element’s […]
An image gallery is a very useful part of a website, as it can showcase photographs, pieces of art, and other visuals for whatever purpose you may need. This can work great for artists who want to display their art […]
CSS’s clip property can be used to change the size of an image, but in a different way than using the width and height properties would. The width and height elements are used to adjust the size and scale of […]
CSS’s top and bottom properties can be used a lot like the margin top and bottom properties. Essentially, they add space between the top or bottom of an element and it’s next closest ancestor. The difference between the margin properties […]
