Web styles - Categoria - Blog

Michell Arenales | 9 November 2023 |

¿How do I know what my screen resolution is?

Screen resolution is the number of pixels displayed on the monitor of your computer, mobile phone or any other device. Resolution is usually expressed as width and height in pixels, separated by an x. For example, a resolution of 1920x1080 means that the monitor is...

Leer más
Michell Arenales | 4 November 2022 |

How to customize radio and checkbox inputs? css3 only

Sometimes Customizing radio and checkbox inputs complicates our work a bit, but with this method we can implement it perfectly almost anywhere, even with the complicated structure of Contact Form 7 We are going to apply the styles to the :after and :before...

Leer más
Michell Arenales | 18 July 2020 |

How to put a dark layer on a background image (overlay) with CSS3?

Today we are going to see how to put a dark layer with CSS3 to a background image (overlay) so that it contrasts with the elements that we have on top. This option is only with CSS3, without using JavaScript or anything that complicates our lives. Step 1:...

Leer más
Michell Arenales | 18 July 2020 |

Css3 rule for major browsers. Css Hacks.

Sometimes when we are with the front-end of any website, we run into some problems with the different browsers, which generate quite a lot of discomfort and headache. Well let me tell you that there is a shortcut to target them with a simple csso rule (css hacks) and...

Leer más
Michell Arenales | 18 July 2020 |

How to gradient a border, with CSS3?

The truth is that very cool to have a gradient border, at first I thought it was impossible but the fact is that there is a function in css called border-image. You create a transparent border first and give it the border-image option as follows: border: 10px solid...

Leer más