Hello World! I have a question about Touch Effect... | Sololearn: Learn to code for FREE!

+4

Hello World! I have a question about Touch Effect...

I wanna make a touch effect but I don't know how and I wanna make the touch effect tracks my clicks and when I wanna click I'm using this (This doesn't work): .click { content: "💥"; opacity: 0%; animation: effect 1s linear; } @keyframes effect { 0% {opacity: 1.5%;} 10% {opacity: 25%;} 20% {opacity: 50%;} 30% {opacity: 75%;} 40% {opacity: 100%;} 50% {opacity: 75%;} 60% {opacity: 50%;} 70% {opacity: 25%;} 80% {opacity: 1.5%;} 90% {opacity: 1.2%;} 100% {opacity: 0%;} } $("html").click(function(){ $("html").addClass("click"); }); I searched but no results, looks like people don't work for it or it's just too easy them... Pls help... -Wanna make the effect follows my click everywhere -Touch Effect

2/12/2021 12:20:42 PM

ㅤ ㅤ

21 Answers

New Answer

+5

Ok check the following code then. https://code.sololearn.com/W9499ZcD6AXG/?ref=app

+3

"content" attribute is for psuedo selectors like :before and :after as far as i know.

+3

Just saying that I didn't saw any touchmove effects for jquery tho. All those methods and event shown by jascript is javascript , jquery doesn't supports or have a function for everything.

+2

https://code.sololearn.com/WksqAG6H6nt9/?ref=app

+2

Abhay Oh, I don't know that, thanks for the info🔥👍

+2

Calviղ Thank you🔥👍 I'm just making it track my clicks and I can click it anytime😊

+2

ㄒ卄丨匚匚 try this with setTimeout. Now you can click it anytime to get the icon💥. https://code.sololearn.com/WbxUp0KhSBxl/?ref=app

+2

Calviղ Lol, thank you🔥👍!

+2

ㄒ卄丨匚匚 do you want the effect to appear where user clicks ?

+2

Abhay Thank you!🔥👍 Is there any difference between the normal link and the integrity one you use? Anyways, it doesn't work if the link is normal and don't have integrity...

+2

ㄒ卄丨匚匚 sorry but i never cared about that much , i did searched about it a bit and came to know like they are more secure and so and that's why i try to use them only , anyway you can search about it yourself to get a better idea of it. And yes you are right many of them don't work without it.

+2

JaScript Wow nice, thank you for that🔥👍! It's pretty awesome that I can use all of my fingers, gotta study this😊

+2

JaScript Uhm, thank you again but is this blocking my clicks? Like example, it has a button then the button should be click with your Touch Effect... Anyways I'm just gonna test it out... I don't see any fingerprints anywhere😅 I've never search that touchsstart or touchend etc, I have never know about them, and the queryselector can call a class! Thank you for that example...😅😊

+1

Here a example with another touch effect: https://code.sololearn.com/Ww1kL4rlcZvY/?ref=app

+1

ㄒ卄丨匚匚 You are welcome!

+1

ㄒ卄丨匚匚 If you put your fingers together you can see which fingerprint is on top. What do you think which one is it?

+1

Nice code 🤗

0

Abhay Yes, that's exactly what I mean😅

0

Abhay Oh yeah, I shouldn't mention to just use jQuery😅 Sorry for that and thank you for the example, your example is now enough so I can learn jQuery!😊

-1

Where are your html tags