css3

Creating CSS3 WebKit animations

Submitted by Jordan McLemore on Tue, 07/22/2014 - 13:05

WebKit is a layout engine software component for rendering web pages in the browser. It can easily be used to give HTML elements animations and properties involving movement. In this article I will be explaining some example code I wrote below. No Imports are required to use WebKit.

You begin by declaring the Webkit and the time length -webkit-animation: rotation 1.5s linear 1; . -webkit-animation and -webkit-transform are the only WebKits I am using, although many others exist, such as -webkit-transition.

Creating a responsive webpage

Submitted by Jordan McLemore on Thu, 07/17/2014 - 10:51

Having a responsive website is almost mandatory in modern web development. The way people view websites has changed. People use their phones and tablets almost more than their desktops and laptops. This means people will be viewing your site on mobile devices. Luckily, there are a couple ways to handle this. Javascript and jQuery are likely the most interesting and advanced way of handling this obstacle. However, if you want to keep things nice and simple with full functionality, simply use CSS3 media queries. Here is an example.

 

Subscribe to css3