1
0
mirror of https://github.com/kremalicious/blog.git synced 2024-11-29 07:26:22 +01:00
blog/_src/_posts/2008-04-15-webkit-team-introduced-css-based-gradients.md

32 lines
1.4 KiB
Markdown
Raw Normal View History

2013-11-18 23:54:59 +01:00
---
layout: post
2013-12-09 23:29:19 +01:00
2013-11-18 23:54:59 +01:00
title: WebKit team introduces CSS-based gradients
2013-12-09 23:29:19 +01:00
author: Matthias Kretschmann
date: 2008-04-15 17:36:34+00:00
2013-11-18 23:54:59 +01:00
wordpress_id: 38
categories:
- design
2016-05-02 01:40:32 +02:00
tags:
- css
2013-11-18 23:54:59 +01:00
---
![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:
> 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.
2016-05-02 01:40:32 +02:00
>
2013-11-18 23:54:59 +01:00
> You can use gradients in the following places:
> background-image
2013-12-09 23:29:19 +01:00
> border-image
> list-style-image
> content property
2013-11-18 23:54:59 +01:00
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...