How to create a glow around a image using "hover"

How to create a glow around a image using "hover"
0

#1

I want it so when a user hovers over the image their will be a glow around it. I used ID and i’m not quite sure if it works with the hover attrivbute. Below is a mockup version of my code. Hope we can fix this together.

#ending:hover{
	 background-color:white;
 
}

<h1>Sir John Alexander Macdonald was the first Prime Minister of Canada. The dominant figure of Canadian Confederation</h1>
<p>To learn more about Sir John Alexander Macdonald click on the pciture below</p>
<div id="ending">
<a href="https://en.wikipedia.org/wiki/John_A._Macdonald"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/71/John_A_Macdonald_%28ca._1875%29.jpg/220px-John_A_Macdonald_%28ca._1875%29.jpg "></a>
</div>


#2

You need to create a box shadow

Example:


element {
	width: 300px;
	height: 100px;
	background-color: #FFFFFF;
	position: relative;
	box-shadow: 0px 0px 5px 10px #BF9C33;
}

I’ve made this real quick using MDN’s Box-shadow generator.