Yesterday I was coding and overlooked the time. By the time I noticed, it was almost dinner time. We have started animating in HTML. Ok, mainly in CSS, but it is interesting. I like doing animation without the use of Flash. I finished yesterday’s project of building a ferris wheel. Today we are coding a penguin waving. I’m excited about it. I have some notes below.
I started a new book that I have already finished. People we Meet on Vacation. I don’t care for the title too much. This is the second romance book that I have tried. It was ok. I gave it three stars. The book was wordy in a way that a preteen would be telling you every detail of their day at school. I can do wordy, but this book bored me a little. The romance part was fine, if not a little annoying. The book used the ‘friend to lovers’ trope. It did have some good parts, and the writing is good. Not that I don’t enjoy a good romance book; I find most of them cringy. The guys in these books come across as what women want men to say and do rather than what men would actually say and do. And yes, I know men can be sweet when they want to be. These books ramp up the cringe factor where if I weren’t reading on my Kindle, I’d probably throw the book across the room.
My arms are still sore from working out Saturday. It hurts to straighten out my arms. I’m not sure why they hurt so much. The exercises were easy and not too strenuous, and I only used 10lb weights.
Saturday, we brought Lexi back to school. We met her friends and listened to them talk as Tommy set up the PS4 for Lex. Now she can play some games during her downtime. Her friends are nice. When your daughter is an introvert, you worry about her making friends. I’m glad she has such a tight-knit circle of friends. Now if I can get Karissa out there and make some friends. Karissa’s friends are online, to which she talks every day. I still worry about these two. I want them to be happy. The drive up there and back was long. I actually did alright with talking most of the whole way. I suck at conversations and tend to be too quiet.
Ok, I need to get back to coding. Here are a few notes from yesterday.
————————————
The transform-origin property sets the point around which a CSS transformation is applied. For example, when performing a rotation, the transform-origin determines where the element is rotated.
The @keyframes at-rule defines the flow of a CSS animation. Within the @keyframes rule, you can create selectors for specific points in the animation sequence, such as 0% or 25%, or use from and to to define the start and end of the sequence.
@keyframes rules require a name to be assigned to them, which you use in other rules to reference.
@keyframes freecodecamp {
12% {
color: green;
}
}
The animation property will set the animation-name, animation-duration, animation-timing-function, and animation-iteration-count properties in that order.
animation: cabins 10s linear infinite;
