Foravre

Text Effects - page Facebook foravre






Text Reflection Effects


*{
padding:0;
margin:0;
box-sizing:border-box;
}
body{
background-color: #333333;
}
.jascoder-container{
position:absolute;
transform:translate(-50%, -50%);
top:50%;
left:50%;
}
.jascoder-h1{
color: ;
font-size:2rem;
font-family:sans-serif;
}
.jascoder-h1:before{
content:"Facebook//foravre...";
position:absolute;
top:75%;
transform:rotateX(180deg);
background:linear-gradient( , #333333);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}



Facebook//foravre...

Code html video

Digital Clock - Html, Css and JavaScript
page:Foravre






Digital Clock


*{
padding:0;
margin:0;
box-sizing:border-box;
}
body{
background-color: #333333;
}
.jascoder-container{
background-color: #333333;
border-radius:10px;
/*Plus de code de code : https://www.facebook.com/profile.php?id=100085795508460 */
box-shadow:5px 5px 10px rgba(255, 255, 255, 0.10), -5px -5px 10px rgba(000, 000, 000, 0.5);
position:absolute;
transform:translate(-50%, -50%);
top:50%;
left:50%;
padding:15px;
}
-time{
color: ;
font-size:1.2rem;
font-weight:bold;
font-family:courier new;
text-align:center;
}







JasCoderTime();
function JasCoderTime() {
var apm = "";
var time = new Date();
var hours = time.getHours();
var timeout = setTimeout(JasCoderTime, 500);
time = time.toLocaleTimeString();
if(hours >= 1 && hours < 12) {
apm = " AM";
} else if(hours >= 13 && hours < 24) {
apm = " PM";
}
document.getElementById("jascoder-time").textContent = time + apm;
}