Text-Revealing Button - The JS 💻

scrimba

Watch in fullscreen

Text-Revealing Button - The JS 💻

Build Components in HTML, CSS & JS

About

Comments

Notes

Framed Image Loader - Introduction 📝2:08

Text-Revealing Button - The JS 💻

Build Components in HTML, CSS & JS

Expand for more info

Framed Image Loader - Introduction 📝2:08

index.html

run

preview

console

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="index.css">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Component 2 - Text-Revealing Button </title>
</head>
<body>

<button class="btn">Hide Text 🙈</button>
<p class="text">This is some text!</p>

<script type="text/javascript" src="index.js"></script>
</body>
</html>

<!DOCTYPE html>

<html lang="en">

<head>

<link rel="stylesheet" href="index.css">

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Component 2 - Text-Revealing Button </title>

</head>

<body>

<button class="btn">Hide Text 🙈</button>

<p class="text">This is some text!</p>

<script type="text/javascript" src="index.js"></script>

</body>

</html>

-5:44