Home Page H2 Tag – Template: Front Page

page content… Play Popup maker video
Fontawesome 5.15 Slat Decor old Widget

KLH Projects SM


Codepen Button Example


Lorem ipsum dolor sit amet, eros vestibulum augue sapien vel. Varius in eleifend feugiat gravida leo, mauris ante sem, duis magna purus wisi sodales. In ipsum nunc sed aptent, odio ut faucibus risus tristique tincidunt, ac et pulvinar, libero nonummy nam, eleifend sem at nibh turpis sed. Donec semper risus vitae in lectus felis, sed omnis placerat sit nulla malesuada nunc. Morbi integer ac.

Codepen CSS Button On Hover Slide Effect

BUTTON: SLIDE DOWN



BUTTON: SLIDE RIGHT



BUTTON: SLIDE INSIDE



BUTTON: SLIDE DIAGONAL




CSS Button Split colour or Photo Example

background: linear-gradient(110deg, #fdcd3b 60%, #ffed4b 60%);
with part image
background: linear-gradient(-70deg, #fa7c30 30%, rgba(0, 0, 0, 0) 30%), url(‘/wp-content/uploads/2024/04/btn-image100.jpg’);

|

TEST

box-shadow: 150px 10px inset;