How to Turn a Rectangular Image into a Cropped Square Image with CSS

Source Code: (back to article)

Result: Report an issue

99

1

2

3

4

5

6

7

8

9

10

›

⌄

⌄

⌄

<!DOCTYPE html>

<html>

<head>

<title>Title of the document</title>

</head>

<body>

<div class="original-img"></div>

<div class="square"></div>

</body>

</html>