SaikoTroid: webkit

Showing posts with label webkit. Show all posts

Monday, January 16, 2012

Font smoothing on Webkit

I’m not a big fan of the default text rendering in WebKit, it looks heavy. Fortunately there is a solution.

You can find here more examples on Christoph Zillgen's site.

Friday, February 11, 2011

Infinite webkit keyframe animation

Here is a simple example of an infinite animation.

<head>
    <style>
        @-webkit-keyframes infinite-spinning {
            from {
                -webkit-transform: rotate(0deg);
            }
            to {
                -webkit-transform: rotate(360deg);
            }
        }

        #box {
             -webkit-animation-name: infinite-spinning;
             -webkit-animation-duration: 1s;
             -webkit-animation-iteration-count: infinite;
             -webkit-animation-timing-function: linear;
             width: 100px;
             height: 100px;
             background: #00f;
        }  
    </style>
</head>
<body>
    <div id="box">
    </div>
</body>