Tag: css

Why my keyframes aren´t working as i hover over?

I am trying to do a css animation on different spans as i hover over them but they are not working and i cant figure out why. This is my html: <div className="content"> <h2>Hello, I´m <br/> <span className=’bounce’>M</span> <span className=’bounce’>a</span> <span className=’bounce’>t</span> <span className=’bounce’>e</span> <span className=’bounce’>o </span> <span className=’bounce’>G</span> <span className=’bounce’>h</span> <span className=’bounce’>i</span> <span className=’bounce’>d</span>… Read More Why my keyframes aren´t working as i hover over?

MRLeave a comment

Navigation items when hovered is increasing the overall size of the navigation bar

I have created a navigation bar with a hover background color when you hover the mouse over a navigation item. The problem is when you hover the mouse over the navigation item eg. home, the navigation bar increases in height. HTML <nav class="nav" id="home"> <a href="#" class="toggle-button"> <span class="bar"></span> <span class="bar"></span> <span class="bar"></span> </a> <div… Read More Navigation items when hovered is increasing the overall size of the navigation bar

MRLeave a comment

How do I fix currentDate and innerText JS not showing the date on my website?

I’m developing a calendar for my website which shows in the heading the month and the year. Everything seems to be working and I can’t find any syntax errors. However, when I try to show the current month and year in the calendar it shows literally the innerText property (${months[currMonth]} ${currYear}) and not the results… Read More How do I fix currentDate and innerText JS not showing the date on my website?

MRLeave a comment

how to set div height as background image?

What I’m trying to achieve is that the height of the DIV will change depending on the image size (without repeat)I’m looking for a solution with broad browser support,I have already tried almost every answer I found on Google, nothing really worked <!DOCTYPE html> <html> <head> <style> #div_1 { width: 250px; height: 250px; background-image: url(“https://i.ibb.co/YRwty0q/11.jpg&#8221;);… Read More how to set div height as background image?

MRLeave a comment