07. Membuat Widget Hotspot Elementor dengan CSS

Hello everyone!

Hotspot adalah sebuah widget dari Elementor, kalian bisa melakukan kustomisasi dengan beberapa keahlian koding seperti menerapkan penambahan CSS.

CSS Code

				
					<style>
.e-hotspot__tooltip {
backdrop-filter: saturate(180%) blur(20px);
-webkit-backdrop-filter: saturate(180%) blur(20px);
}
</style>
				
			

HTML Button

				
					<button class="button1">Buy now</button>
				
			

CSS Button with Hover Effect

Paste kode di bawah ini sebelum *style

				
					.button1{
background-color: #fff;
color: #C25BAB;
border: none;
border-radius: 99px;
padding: 12px 30px 12px 30px;
font-size: 15px;
}
.button1:hover{
background-color: #C25BAB;
color: #fff;
border: none;
}
				
			
Shopping Cart
Scroll to Top