Fix broken images
This commit is contained in:
@ -12,7 +12,7 @@ Displays a menu overlay when the image is hovered.
|
|||||||
|
|
||||||
```html
|
```html
|
||||||
<figure class="hover-menu">
|
<figure class="hover-menu">
|
||||||
<img src="https://i.picsum.photos/id/1060/800/480.jpg"/>
|
<img src="https://picsum.photos/id/1060/800/480.jpg"/>
|
||||||
<div>
|
<div>
|
||||||
<a href="#">Home</a>
|
<a href="#">Home</a>
|
||||||
<a href="#">Pricing</a>
|
<a href="#">Pricing</a>
|
||||||
|
|||||||
@ -10,7 +10,7 @@ Creates a rotate effect for the image on hover.
|
|||||||
|
|
||||||
```html
|
```html
|
||||||
<figure class="hover-rotate">
|
<figure class="hover-rotate">
|
||||||
<img src="https://i.picsum.photos/id/669/600/800.jpg"/>
|
<img src="https://picsum.photos/id/669/600/800.jpg"/>
|
||||||
</figure>
|
</figure>
|
||||||
```
|
```
|
||||||
|
|
||||||
|
|||||||
@ -11,7 +11,7 @@ Displays an image overlay effect on hover.
|
|||||||
|
|
||||||
```html
|
```html
|
||||||
<figure class="hover-img">
|
<figure class="hover-img">
|
||||||
<img src="https://i.picsum.photos/id/200/440/320.jpg"/>
|
<img src="https://picsum.photos/id/200/440/320.jpg"/>
|
||||||
<figcaption>
|
<figcaption>
|
||||||
<h3>Lorem <br/>Ipsum</h3>
|
<h3>Lorem <br/>Ipsum</h3>
|
||||||
</figcaption>
|
</figcaption>
|
||||||
|
|||||||
Reference in New Issue
Block a user