CSS--ANIMATINS__TRANSITIONS__-__-TRANSFORMS/clip-path_hover_imagine_din_origine.html at main · chivumarius/CSS--ANIMATINS__TRANSITIONS__-__-TRANSFORMS · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!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' din 'Origine' (prin Proprietatea 'Clip-Path')</title>

    <!-- CONEXIUNE  CSS  -->
    <link
      rel="stylesheet"
      href="css/clip-path/clip-path_hover_imagine_din_origine.css"
    />
  </head>
  <body>
    <!-- CARD -->
    <div class="card">
      <!-- CONTENT -->
      <div class="content">
        <h2>efectul de hover peste imagine</h2>
        <p>
          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
          minim veniam, quis nostrud exercitation ullamco laboris nisi ut
          aliquip ex ea commodo consequat.
        </p>

        <a href="#">Citeste mai mult</a>
      </div>

      <!-- PHOTO -->
      <img src="imgs/clip-path/5.JPG" />
    </div>
  </body>
</html>