About Me
Alright one week into making blogs and improving. It’s been a good week and I think I can finally say that the whole website is up at the most basic level. I have just finished the project page but for the most part I am using the same html and CSS that the blog navigation page is using. Speaking of projects I’m working on my first JavaScript project this weekend and will hopefully have something up on Monday to play around with.
CSS Transitions
Lets talk about something I did do to add a little something to my site. CSS Transitions or one of them that is. I have added in a transition to change what is being hovered over in the blog navigation. This is the code for it. This is all CSS
CSS Code for transitions
.BlogPostText{
position: relative;
padding: 0.6vw;
margin: 0vw;
-webkit-transition: background-color 0.5s ease-out;
-moz-transition: background-color 0.5s ease-out;
-o-transition: background-color 0.5s ease-out;
transition: background-color 0.5s ease-out;
}
.BlogPostText:hover{
color: black;
background-color: white;
}
With the transition CSS name I was able to transition slowing when I change something with a pseudo class. The pseudo class being the hover for the text. I made sure that I used all the other definitions for it for webpages that don’t support it. Today is another short post but hopefully tomorrow we will be able to talk about my new project in detail
