1
0
mirror of https://github.com/kremalicious/blog.git synced 2024-12-23 01:30:01 +01:00
blog/content/posts/2008-04-15-webkit-team-introduced-css-based-gradients.md
2019-05-12 16:37:44 +02:00

35 lines
1.4 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

---
type: post
title: WebKit team introduces CSS-based gradients
author: Matthias Kretschmann
date: 2008-04-15 17:36:34+00:00
tags:
- design
- css
---
![WebKit](../media/webkit.png)
Writing right now on a longer article about text-shadow and it's implementation in WebKit, the rendering engine which powers Safari and Konqueror. But now this exciting news popped up from Surfin' Safari, the blog of the WebKit development team:
<!-- more -->
> WebKit now supports gradients specified in CSS. There are two types of gradients: linear gradients and radial gradients.
Take a look at [the entry on Surfin' Safari to learn how those css-based gradients work and how they can be coded](http://webkit.org/blog/175/introducing-css-gradients/):
> So what exactly is a gradient in CSS? It is an image, usable anywhere that image URLs were used before. Thats right… anywhere.
>
> You can use gradients in the following places:
> background-image
> border-image
> list-style-image
> content property
Although the WebKit team is saying it is supported "now" [a commenter on Surfin' Safari states](http://webkit.org/blog/175/introducing-css-gradients/#comment-24343) that it seems the whole function isn't included in the latest nightly builds of WebKit.
So it will take some time, 'til it's worth replacing the gradient images on my h3 and h4 headlines with just simple css code...