diff options
Diffstat (limited to 'Base/res/html')
| -rw-r--r-- | Base/res/html/misc/border-radius.html | 15 |
1 files changed, 15 insertions, 0 deletions
diff --git a/Base/res/html/misc/border-radius.html b/Base/res/html/misc/border-radius.html index c4fb3bd200..dc58a51f6c 100644 --- a/Base/res/html/misc/border-radius.html +++ b/Base/res/html/misc/border-radius.html @@ -223,6 +223,11 @@ border-radius: 50px; padding: 10px; } + + .positioned { + background-color: red; + position: relative; + } </style> </head> @@ -330,6 +335,16 @@ <img src="car.png" style="width: 100px; height: 100px"> </a> <br> + <em>A red div with position: relative within a parent with overflow: hidden + a border-radius</em><br> + <div class="box" style="border-radius: 10px; overflow: hidden;"> + <div class="box positioned"></div> + </div> + <br> + <em>A blue (background) div within a parent with overflow: hidden + a border-radius</em><br> + <div class="box" style="border-radius: 10px; overflow: hidden;"> + <div class="box" style="background-color: blue;"></div> + </div> + <br> <br> <p>All these are non-conventional elements with a border-radius :^)<p> |