CSS Tricks

CSS Tricks

Press Ctrl + D to Bookmark this page

All CSS Tricks
  • How to draw square, circle, triangle and other shapes with CSS

    December 30, 2020

    How to draw square, circle, triangle and other shapes with CSS

    Very easy !! But without pen pencil or mouse, drawing shapes only with language is really romantic. No? Such is the thing we’re going to do. In this tutorial, we’ll show handy way how to draw a square, rectangle, circle, oval and triangle ...

  • Clearfix hack: A CSS Trick you cannot ignore

    December 4, 2020

    Clearfix hack: A CSS Trick you cannot ignore

    We apply various hacks in our everyday life to solve complications and make things easier and comfortable in use. Clearfix is a hack for the developers that solves a CSS layout problem tactfully. Clearfix is neither a CSS property nor an attribute. It ...

  • How to Create Image and PDF Download Link with CSS

    November 15, 2020

    How to Create Image and PDF Download Link with CSS

    You can easily create a downloadable link for any image and pdf file. You can do this in any platform with bare CSS and in WordPress environment as well. In this tutorial, I’m going to share this trick and strategy ...

  • How to center a div, p or other html elements

    November 15, 2020

    How to center a div, p or other html elements

    We usually center a TEXT by using text-align css property. But it may be essential that you pull a div, paragraph, table or other elements by the ear and put it in the center of a container For this, you need to apply ...

  • How to make fixed Heading, Paragraph or Div in WordPress

    November 15, 2020

    How to make fixed Heading, Paragraph or Div in WordPress

    This tutorial will show you how you can make a heading, paragraph or other html elements fixed relative to the viewport or browser screen of any device.

    This means, when the page is scrolled, the fixed ...

  • How to make Sticky Heading, Paragraph or Div in WordPress

    November 15, 2020

    How to make Sticky Heading, Paragraph or Div in WordPress

    This tutorial will show you how you can make an html (div, paragraph etc.) element sticky in WordPress environment.

    You can do and add many things in WordPress Post with minimal knowledge of CSS or by just following the ...

  • Plugin-free Multiple columns in WordPress post with CSS

    November 15, 2020

    Plugin-free Multiple columns in WordPress post with CSS

    Yes, you can write wordPress post dividing it into multiple columns with CSS like newspapers and magazines usually do . You can do the same, what WordPressers tends to, by the help of a plugin. But we’re going to ...

  • How to use image as a link with CSS

    November 15, 2020

    How to use image as a link with CSS

    In this lesson, we’re going to represent how to use image as a link or process to create an image link. This means, a whole image will be act as an Anchor Text. When anybody clicks on this image, he/she will be directed ...

  • How to make a rounded or circular image with CSS

    November 15, 2020

    How to make a rounded or circular image with CSS

    If you work in web publication platform, you must be working with image. Rounded image has a special appeal to all in this case. We can apply width and height property with img element and thus control its shape in length and breadth.

    In this tutorial, we’re going to represent a trick to create multiple links in single image with CSS in any platform including WordPress.

    We usually create image link with img and a element where whole of the image turns ...