Posted By
Bajarangi soft ,
Posted On 13-10-2020
.text-hide class, we can replace an element’s content with a background image.
Syntax
<element class = "text-hide"
style = "background-image: url('Specify URL of image here');">
</element>
<html>
<head>
<!-- Link Bootstrap CSS and JS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">
</head>
<body>
<h1 class="text-hide"
style="background-image: url('logo.jpg');
background-repeat: no-repeat;
width: 500px; height: 500px; ">
BAJARANGI SOFT
</h1>
</body>
</html>