Skip to main content

Digital clock CSS script

body{
    margin: 0;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100vh;
    justify-content: center;
    background: url("https://images.unsplash.com/photo-1500382017468-9049fed747ef?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1332&q=80");
    background-size: cover;
    overflow: hidden;
}

h2{
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: 14px;
    text-align: center;
    color: white;
}

.clock{
    display: flex;
}

.clock div{
    margin: 5px;
    position: relative;
}

.clock span{
    width: 100px;
    height: 80px;
    background: sandybrown;
    opacity: 8;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 50px;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.clock .text{
    height: 30px;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    background: darkorange;
    opacity: 0.8;
}

.clock #ampm{
    bottom: 0;
    position: absolute;
    width: 60px;
    height: 30px;
    font-size: 20px;
    background: greenyellow;
}





Labels:

Comments

Post a Comment

Popular posts from this blog

New Technology Internet of Things (IoT)

Internet of Things (IoT)   The Internet of Things (IoT) refers to the interconnected network of physical devices, vehicles, buildings, and other objects that are embedded with sensors, software, and network connectivity, allowing them to collect and exchange data. IoT devices can communicate with each other and with other systems over the internet, allowing for the automation of various tasks and the collection of data for analysis and decision-making. Examples of IoT devices include: Smart home devices: smart thermostats, smart lighting, smart security systems, and other connected devices that can be controlled and monitored remotely. Wearables: fitness trackers, smartwatches, and other wearable devices that can collect data on activity and health. Industrial IoT: sensors and connected devices in industrial settings, such as factories and warehouses, that can improve efficiency and monitoring of processes. Agricultural IoT: sensors and connected devices in agricultural setting...
Post a Comment
Read more

JAVA Full Couse Outline

 A full course on Java would typically cover the following topics: Introduction to Java: This section would cover the history of Java, its features, and why it is a popular choice for developing a wide range of applications. Setting up the development environment: This section would cover how to install and set up a Java development environment, including the Java Development Kit (JDK) and an Integrated Development Environment (IDE) such as Eclipse or IntelliJ IDEA. Fundamentals of Java programming: This section would cover the basics of the Java programming language, including data types, variables, operators, control structures, and arrays. Object-Oriented Programming (OOP) in Java: This section would cover the concepts of OOP, including classes, objects, inheritance, polymorphism, and encapsulation. Advanced Java topics: This section would cover more advanced topics such as Exception handling, Generics, Threading, Lambda expressions, Streams, etc. Developing Java applications: T...
Post a Comment
Read more

Favicon

       A favicon (short for "favorites icon") is a small icon that appears in the browser's address bar or next to the website's name in a list of bookmarks. They can also be displayed in the browser's tab. It is used to help users quickly identify a website or webpage. They are typically 16x16 pixels in size and are saved in the .ico file format. They can be added to a website by linking to the favicon file in the HTML code or by placing the file in the website's root directory. TELUGU      ఫావికాన్ ("ఫేవరెట్స్ ఐకాన్") అనేది బ్రౌజర్ యొక్క చిరునామా పట్టీలో లేదా బుక్ మార్క్ ల జాబితాలో వెబ్ సైట్ పేరు పక్కన కనిపించే ఒక చిన్న చిహ్నం. వాటిని బ్రౌజర్ ట్యాబ్ లో కూడా డిస్ ప్లే చేయవచ్చు. వెబ్ సైట్ లేదా వెబ్ పేజీని వేగంగా గుర్తించడంలో వినియోగదారులకు సహాయపడటానికి ఇది ఉపయోగించబడుతుంది. అవి సాధారణంగా 16x16 పిక్సల్స్ సైజులో ఉంటాయి మరియు .ico ఫైల్ ఫార్మెట్ లో సేవ్ చేయబడతాయి. హెచ్ టిఎమ్ ఎల్ కోడ్ లోని ఫావికాన్ ఫైల్ కు లింక్ చేయడం ద్వారా లేదా వెబ్ సైట్ యొక్క రూట్ డైరె...
Post a Comment
Read more