Clepsydra shape with CSS

Clepsydra shape created with a DIV tag and a few CSS properties.
Code:

<style type="text/css">
#clepsydra {
 height: 0;
 width: 120px;
 border-bottom: 120px solid #05ed08;
 border-top: 120px solid #05ed08;
 border-left: 65px solid transparent;
 border-right: 65px solid transparent;
 border-radius: 25%;
 -moz-border-radius: 25%;
 -webkit-border-radius: 25%;
 -khtml-border-radius: 25%;
}
</style>

<div id="clepsydra">CSS Course:<br/>CoursesWeb.net</div>

Demo:

CSS Course:
CoursesWeb.net

<<-TV-Screen shape with CSS -- Egg shape with CSS->>

Daily Test with Code Example

HTML

CSS

JavaScript

PHP-MySQL

Which tag is a block element?

<div>Web Programming and Development</div>

Which CSS code displays the text underlined?

font-style: italic; text-decoration: underline; font-weight: 500;

h2 {
  text-decoration: underline;
}

Click on the JavaScript function that can access other function after a specified time.

insertBefore() setTimeout() querySelector()

function someFunction() { alert("CoursesWeb.net"); }
setTimeout("someFunction()", 2000);

Click on the instruction that returns the number of items of a multidimensional array in PHP.

count($array) count($array, 1) strlen()

$food =["fruits" =>["banana", "apple"), "veggie" =>["collard", "pea"));
$nr_food = count($food, 1);
echo $nr_food;       // 6

Last accessed pages

Convert BBCode to HTML and HTML to BBCode with JavaScript ⁽⁹²⁸⁰⁾
Objects in 3D Space ⁽¹⁹⁶¹⁾
CSS Trapezoid Shape ^(11301)
Horizontal-Vertical Menu with Arrow Keys Navigation ⁽³⁹²²⁾
JavaScript Course - Free lessons ^(31383)

Popular pages this month

Courses Web: PHP-MySQL JavaScript Node.js Ajax HTML CSS ⁽³³¹⁾
Read Excel file data in PHP - PhpExcelReader ⁽¹²⁶⁾
The Four Agreements ⁽⁹⁷⁾
PHP Unzipper - Extract Zip, Rar Archives ⁽⁹⁵⁾
The Mastery of Love ⁽⁹⁰⁾