ANSWERED QUESTIONS

1. none yet
   

-EmeraldThunder- wrote:

When I press the button, I'd like the colour change to radiate out from the icon, is this even possible?

element.addEventListener("click", () => element.classList.add("radiate"))
element.addEventListener("animationend", () => element.classList.remove("radiate"))

.radiate {
    /* .5s is the duration of the animation, you can change this to any number of seconds */
    animation: radiate .5s; 
}
@keyframes radiate {
    to {
        /* a scale of 1 is 100% size, 1.5 will be 150% */
        transform: scale(1.5);
        /* it should disappear completely after the animation */
        opacity: 0;
    }
}

god286 wrote:

Teach me how to detect trustworthy open source software

skymover1239 wrote:

god286 wrote:

Teach me how to detect trustworthy open source software

Check for number of contributions, and how many of the PRS are being reviewed.

god286 wrote:

Quote

k0d3rrr wrote:

How do I make an infinite loop in HTML?

PoIygon wrote:

k0d3rrr wrote:

How do I make an infinite loop in HTML?

HTML is a markup program not a scripting program. Of you wanna do it in python you do “while true” and in js you do “while (true) {}”

k0d3rrr wrote:

How do I make an infinite loop in HTML?

<script type="javascript">
    while (true){
        // blah blah
    }
</script>

Chiroyce wrote:

(#5)

-EmeraldThunder- wrote:

When I press the button, I'd like the colour change to radiate out from the icon, is this even possible?

Yep - using CSS's animation property - https://stackoverflow.com/questions/44783546/radiateout-with-css-animation

Now that example is on hover, and since you want on click, you can use an onclick eventlistener to add a class to it, and using the animationend evenetlistener, to remove the class for it. Like this -

element.addEventListener("click", () => element.classList.add("radiate"))
element.addEventListener("animationend", () => element.classList.remove("radiate"))

and your CSS should look like this

.radiate {
    /* .5s is the duration of the animation, you can change this to any number of seconds */
    animation: radiate .5s; 
}
@keyframes radiate {
    to {
        /* a scale of 1 is 100% size, 1.5 will be 150% */
        transform: scale(1.5);
        /* it should disappear completely after the animation */
        opacity: 0;
    }
}

.radiate:active {
  transform: scale(1.5);
  opacity: 0;
  transition: all .5s; /* Applying transition after makes it single-directional */
}

TheSmartGuy1234 wrote:

k0d3rrr wrote:

How do I make an infinite loop in HTML?

But you can do

<script type="javascript">
    while (true){
        // blah blah
    }
</script>

Socialix wrote:

TheSmartGuy1234 wrote:

k0d3rrr wrote:

How do I make an infinite loop in HTML?

But you can do

<script type="javascript">
    while (true){
        // blah blah
    }
</script>

that still needs the power of yellow programming language

THINK INSIDE THE BOX

ScolderCreations wrote:

Using CSS properties, it is possibly possible to create an infinite loop in HTML. Using the after property, I theorize that you might be able to use it to create an element that will be affected by the property, which would happen infinitely. Although there is probably some sort of limit preventing that from happening.

Maximouse wrote:

ScolderCreations wrote:

Using CSS properties, it is possibly possible to create an infinite loop in HTML. Using the after property, I theorize that you might be able to use it to create an element that will be affected by the property, which would happen infinitely. Although there is probably some sort of limit preventing that from happening.

CSS can't create elements, so I don't think that's possible. Even if it was, it still wouldn't be “an infinite loop in HTML”.

element::after::after::after...

god286 wrote:

Teach me how to detect trustworthy open source software