-
Notifications
You must be signed in to change notification settings - Fork 4
Expand file tree
/
Copy pathtooltip.html
More file actions
24 lines (20 loc) · 7.89 KB
/
Copy pathtooltip.html
File metadata and controls
24 lines (20 loc) · 7.89 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tooltip</title>
<link rel="stylesheet" href="tooltip.css">
<script src="tooltip.js"></script>
</head>
<body>
<main>
<div class="tooltip-container">
Hover over me to see a tooltip
<p class="tooltip">I am a tooltip</p>
</div>
<!-- Lorem, ipsum dolor sit amet consectetur adipisicing elit. Harum eius recusandae, quasi minima soluta minus autem. Eligendi nesciunt doloremque praesentium dignissimos corrupti nihil voluptas natus eius, nobis cupiditate alias quos. Ducimus assumenda quae, iste ex provident quasi nam, maxime at ab perferendis repellendus, dignissimos aut repudiandae itaque officiis neque accusamus minus dolorem dolor doloribus eos aliquid? Temporibus, excepturi fugiat assumenda natus dolor quam dolorem ratione voluptatem saepe veniam sed totam hic perspiciatis corrupti officiis commodi adipisci impedit voluptate veritatis qui animi ullam. Perspiciatis unde tenetur vero accusamus, voluptatibus delectus veniam? Distinctio ipsa dolor et, quis quod nobis reprehenderit molestiae beatae quidem ipsum quisquam eum a nesciunt earum consequatur consequuntur mollitia placeat assumenda quam aperiam voluptatem nam consectetur? Itaque, odit sequi. Nemo eum cum aperiam voluptate nobis unde labore quidem accusantium eaque rem consequatur a esse voluptatum exercitationem, quae reprehenderit facilis repudiandae at laboriosam quas dignissimos autem! Id maiores corporis magnam nobis amet, est corrupti veniam ipsum dicta optio omnis voluptas molestias ullam deleniti labore illo eius fugiat! Deleniti voluptatum ut, suscipit dolorum nisi incidunt accusantium dicta culpa optio totam aliquid sed cumque fugiat! Minima tempora ab ea, cupiditate esse sit excepturi maxime deserunt quae non eos! Pariatur dolorum est tenetur odit quo nihil libero totam facilis, sunt dicta dolore perspiciatis facere impedit repudiandae corrupti alias modi quos repellat exercitationem ipsa magni blanditiis. Illo, doloremque sit tempora reprehenderit facilis quod accusamus eaque vitae ratione sequi explicabo, suscipit repellendus omnis, facere mollitia error iusto. Maiores, perspiciatis. Repudiandae, ipsa repellendus, natus blanditiis ex, eveniet doloribus officiis ad quaerat consequatur fugit! Officia odio laudantium nisi suscipit illo excepturi! Incidunt dicta assumenda sit facere culpa sint id, unde esse ratione ea, quae nisi quis sapiente soluta consequatur corrupti? Itaque illo, quo voluptas incidunt cum vel voluptate ex? Rerum autem quis, inventore atque qui suscipit non dicta, unde, tempore explicabo ut temporibus accusamus! Quidem, deserunt assumenda iusto repudiandae quaerat corrupti nostrum dolorum eligendi fugiat placeat commodi error sequi fugit ullam similique aliquid. Consequuntur debitis excepturi ratione, voluptatem nemo labore omnis, nihil repudiandae aut repellat id doloremque esse, suscipit culpa iste. Natus provident, eius esse perferendis culpa soluta voluptates ducimus minima cum quae assumenda necessitatibus dolores veniam cupiditate nobis autem asperiores earum non. Expedita, velit. Expedita sapiente sed pariatur quisquam tempore temporibus illo explicabo? Possimus sapiente id repellendus minima aspernatur modi, debitis repellat, dolores, ipsam corporis blanditiis reprehenderit aliquid mollitia ullam illo cupiditate reiciendis repudiandae aut? Molestias totam vel maiores eaque, minus aut qui optio officiis porro aliquam. Nihil officia ab minima velit nemo consectetur rerum, iste inventore maxime quod tempore a animi hic delectus neque recusandae numquam saepe, accusamus exercitationem minus adipisci facere quasi? Laboriosam culpa sint id, nulla corrupti iure harum enim suscipit aliquid aspernatur, tempora dolorem temporibus esse praesentium impedit. At adipisci, deserunt officia eum similique veniam aspernatur rerum quasi neque possimus amet et tempore maiores temporibus blanditiis iure recusandae ex. Beatae quae laborum magnam saepe, veniam eveniet excepturi pariatur enim neque totam velit est? Magni itaque sint necessitatibus deserunt ratione, laborum expedita autem error rem unde vero, ab, deleniti officiis quos nulla recusandae magnam voluptate! Mollitia voluptatem numquam provident dolorum totam sequi quos odio consequuntur laudantium doloremque quasi tenetur debitis explicabo quam harum natus accusantium placeat ipsa ex cupiditate, dicta exercitationem voluptates cum! Repellat, magni sapiente! Voluptates error sunt reprehenderit facere, asperiores accusantium vitae repellendus debitis, et recusandae vel dolores totam minus magnam, eveniet cumque ipsum fuga dolore? Maiores, placeat ipsum. Odio maiores laboriosam necessitatibus repudiandae dicta sint aliquid ab? Animi corporis odit vero quaerat necessitatibus ipsum voluptatibus labore amet, et, deserunt quas suscipit praesentium molestiae, ipsam possimus. Hic maiores quidem, dignissimos ipsa blanditiis dolorum ad assumenda molestias, consequuntur repellendus unde provident animi repellat eius aperiam! Excepturi unde et quas voluptates quisquam culpa illum vel nesciunt amet, vitae, nemo officia quis est praesentium laborum natus harum. Provident illum saepe voluptate, nesciunt dolore minima temporibus vitae id rerum ipsum accusamus nulla cumque voluptates doloribus quis voluptas sequi delectus, omnis nisi eligendi pariatur explicabo. Esse veniam explicabo hic id quidem, quis aut sequi enim omnis provident. Ex, temporibus quis quibusdam animi excepturi esse aliquid at, mollitia tenetur alias dicta nemo asperiores corporis dolores facilis officiis soluta! Saepe vero sequi asperiores quaerat illum, voluptate vitae est minus porro natus? Quibusdam commodi ipsa doloremque soluta reprehenderit, cum molestias temporibus facere vero magni totam expedita esse, alias rem animi iusto optio rerum, architecto exercitationem eius quos inventore similique error. Amet, sint nisi. Ab dolores quia rem a recusandae sed cupiditate ratione obcaecati deserunt mollitia, aut necessitatibus consequatur corrupti asperiores! Ex aut vero consectetur a reiciendis ducimus facilis labore, qui velit voluptas earum possimus iste accusantium ipsam asperiores nemo modi! Veniam labore quidem accusantium commodi alias cupiditate maiores rem molestiae nesciunt doloribus. Distinctio voluptatum cumque quasi reiciendis quidem. Itaque soluta repudiandae repellat libero, vel delectus rerum distinctio amet, odio, iste facere. Veniam, non sequi? Odio voluptatem possimus eligendi quia totam minima maxime, commodi, culpa delectus, eveniet animi nihil unde? Quae minus assumenda nisi incidunt labore tenetur sit veritatis, explicabo quasi ipsam pariatur dolor nobis, voluptatem facilis ratione odio similique molestiae placeat animi magnam, magni dolores! Placeat, recusandae in officia ex quia sed cum velit sequi architecto dicta natus reiciendis voluptatum necessitatibus, ea commodi, corrupti non neque dignissimos illo minus. Culpa possimus quibusdam hic expedita totam a iure, nulla fuga! Mollitia dolorum ipsa quas provident quis ipsum sit quasi perferendis. Eligendi atque ut consequuntur possimus officia necessitatibus, debitis enim, quaerat vel autem cum adipisci? Accusantium tenetur impedit rerum optio adipisci corrupti dicta repudiandae. Architecto a placeat libero, maxime modi, ducimus voluptate minima similique sequi porro laboriosam. Deleniti totam cumque autem commodi quae excepturi rem aliquid? Impedit at consequuntur delectus nobis asperiores architecto, animi doloremque odit error tempore vero. Quam, maxime velit ut delectus totam assumenda enim est asperiores odio itaque ab vero quae omnis iure hic! Facere, quibusdam quasi? Quaerat a natus necessitatibus molestias saepe iste consequuntur, id ea ipsa nostrum animi quo perspiciatis libero non ex quisquam odit praesentium voluptatum! Sunt aut ducimus possimus sed eaque quam perspiciatis necessitatibus? -->
</main>
</body>
</html>