clip-path_hover_imagine_in_cerc.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Hover 'Imagine' in 'Cerc' (prin Proprietatea 'Clip-Path')</title>

    <!-- CONEXIUNE  CSS  -->
    <link
      rel="stylesheet"
      href="css/clip-path/clip-path_hover_imagine_in_cerc.css"
    />
  </head>
  <body>
    <!-- CARD -->
    <div class="card">
      <!-- PHOTO -->
      <div class="img">
        <img src="imgs/clip-path/4.JPG" />
      </div>

      <!-- CONTENT -->
      <div class="content">
        <h2>titlu card</h2>
        <p>
          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
          eiusmod tempor incididunt ut labore et dolore magna aliqua
        </p>
        <a href="#">Afla mai multe</a>
      </div>
    </div>
  </body>
</html>