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

Daily Test with Code Example

HTML
CSS
JavaScript
PHP-MySQL
Which tag can be used to create input text field in web page?
<form> <input> <div>
<input type="text" name="a_name" value="val" />
Which CSS property displays the text in a small-caps font?
display font-variant font-style
h3 {
  font-variant: small-caps;
}
What instruction displays a notice box with a message inside it, in JavaScript?
for() Date() alert()
var msg = "Visit CoursesWeb.net";
alert(msg);
Indicate the PHP code used to get the users IP.
$_SERVER["HTTP_USER_AGENT"] $_SERVER["REMOTE_ADDR"] $_GET[]
$ip = $_SERVER["REMOTE_ADDR"];
echo $ip;
Clepsydra shape with CSS

Last accessed pages

  1. Making DIV Contents Scroll Horizontally, with multiple Div`s inside (47941)
  2. Bind Tool and Control Points (3225)
  3. SHA1 Encrypt data in JavaScript (16610)
  4. JavaScript code and PHP (28187)
  5. querySelector and querySelectorAll (14624)

Popular pages this month

  1. Making DIV Contents Scroll Horizontally, with multiple Div`s inside (2977)
  2. Contact page - CoursesWeb (2867)
  3. Tabs effect with CSS (2849)
  4. Courses Web: PHP-MySQL JavaScript Node.js Ajax HTML CSS (1041)
  5. PHP getElementById and getElementsByTagName (999)