From f807fe6f6ced06036e9e8f6707ce725d36d8830c Mon Sep 17 00:00:00 2001 From: MacDue Date: Mon, 20 Jun 2022 12:33:09 +0100 Subject: Base: Add box-shadow + border-radius HTML examples This now also shows the same box-shadows on the right on top of a background to test the clipping underneath the content. --- Base/res/html/misc/box-shadow.html | 113 ++++++++++++++++++++++++------------- Base/res/html/misc/car.png | Bin 0 -> 53767 bytes 2 files changed, 74 insertions(+), 39 deletions(-) create mode 100644 Base/res/html/misc/car.png (limited to 'Base/res/html') diff --git a/Base/res/html/misc/box-shadow.html b/Base/res/html/misc/box-shadow.html index d469ce3bcb..79cdf44a99 100644 --- a/Base/res/html/misc/box-shadow.html +++ b/Base/res/html/misc/box-shadow.html @@ -1,45 +1,80 @@ + + Box-Shadow + - + #with-bg { + width: 50%; + float: right; + background-image: url("car.png"); + color: rgb(255, 255, 255); + } - -

Box-shadow Tests

- -

box-shadow: 20px 10px magenta

- -

box-shadow: magenta -40px -20px

- -

box-shadow: 20px 10px rgba(255,0,255,0.5)

- -

box-shadow: -40px -20px rgba(255,0,255,0.5)

- -

box-shadow: 20px 10px 5px magenta

- -