Pure CSS animations require no additional code (e.g. How do CSS animations work?ĬSS animation is a feature of CSS that allows you to animate a change in one or more style properties of an element, as well as control various aspects of the animation. That’s why we’ve compiled our favorite examples of CSS animation from CodePen - an online tool for creating and sharing code snippets in HTML and CSS - to help get the creative juices flowing.īut first, a brief review of the topic at hand. This extra bit of research can inspire your own projects and provide a sense of what you can accomplish with this powerful feature. If you want to add CSS animations to your work, it can be helpful to look at some successful uses of CSS animations first before diving in. I have another post for you coming up on how we used this set up indoors too.While there are several ways to add animated graphics to a web page, one of the easiest is using CSS animations, which require nothing more than some HTML and CSS know-how to pull off. The girls wanted me to draw a lady so that they could use the glass nuggets as her necklace. Of course I couldn't resist having a go too. Gradually I'm hoping that the kids can start to use this as a medium for telling stories and I can video a few. It only took a couple of cups of sand, and all the sand was nicely contained by the box's 4 inch sides. I'd like to try and find a tub of fine grained sand to make more detail possible in our drawings, but there's plenty of time for that. The sand we used was right out of our sandbox, so it was quite course. I gave them a couple of rubber spatulas to work the sand with as well as their hands. We had to wait until about 9pm for it to be dark enough, but it was worth the late night for the kids because they had so much fun with it! The kids were very excited to go out in the dark to play with the sand lightbox. There are plenty of other examples of sand art/animation on Youtube that are much easier for kids to watch if you think this particular one is a bit too heavy to explain. It's not the easiest to explain to young children, because it's about the Nazi invasion of the USSR during the second world war, but it's very powerfully done. This sand animation by Kseniya Simonova in my opinion is by far the best one I've seen. I showed my kids a few before we went out to play with ours, so they knew what we were making. There are loads of sand art videos you can watch on the web. I also dug out some little glass nuggets to add interest to the set up. Then I used painters tape to tape a sheet of white paper over the plexiglass, to make a light diffuser that would also protect the plexiglass from scratching in case we want to use it for something else in the future. To use this outside with the sand, I just propped it up on four of our giant wooden blocks, and put a couple of desk lamps under the table with an extension chord. Thank you Liz! The two bits of 2x4 I used for this were from there! I need to say thank you to a lovely reader Liz, who emailed me to tell me about an architectural salvage place near us that might be able to give away some gnarly 2x4 for the kids to hammer at. This also resulted in a couple of nice sized sections on either side of the screen that could hold supplies. I have seen a couple of lightboxes come up on Craigslist, the last one was even free, but it was too big for us to transport, and so I decided to use this crate base to make our own, but make it so that it could be stored away, and used both inside and outside, whilst still being able to be used with the Lego when we wanted.Īll I needed to do was a bit of measuring, then jigsaw out a nice big hole from the base, cut some plexiglass to size, and then screw in a couple of lengths of 2x4 to hold the plexiglass down. We used to use a blanket, but this is much better. It contains all the teensy bits of Lego and stops them spreading all over the livingroom. It's been in use in our livingroom for a while as a Lego construction center. He was going to ditch the crate, so we nabbed it (thanks Rich!). One of our friends had a painting restored, and it came in a nice sturdy wooden crate. This is another thing that I've wanted to sort out for the kids for a while, but it wasn't until recently that the right container came our way.
0 Comments
Leave a Reply. |