Skip to main content
adicionou 423 caracteres ao conteúdo
Fonte Link
Patrique
  • 454
  • 5
  • 19

Fala pessoal, estou com o seguinte código para fazer um efeito blink em uma div, estou conseguindo mudar a cor do fundo da div de meio em meio segundo, porém preciso modificar a cor do texto e não estou conseguindo encontrar a logica para essa mudança.

Segue o exemplo do código atual

setInterval(function () {
    $(".laranja").css("background-color", function () {
        this.switch = !this.switch
        return this.switch ? "rgb(0, 0, 0, 0.3)" : ""
    });
}, 500)

Tentei fazer assim e deu certo

setInterval(function () {
        
        $(".laranja").css("background-color", function () {
            this.switch = !this.switch
            return this.switch ? "rgb(0, 0, 0, 0.3)" : ""
        });
        
        $(".laranja").css("color", function () {
            this.color = !this.color
            return this.color ? "#FFF" : ""
        });
        
        
    }, 500)

Mais não sei se é a forma mais clean e certa de fazer.

Fala pessoal, estou com o seguinte código para fazer um efeito blink em uma div, estou conseguindo mudar a cor do fundo da div de meio em meio segundo, porém preciso modificar a cor do texto e não estou conseguindo encontrar a logica para essa mudança.

Segue o exemplo do código atual

setInterval(function () {
    $(".laranja").css("background-color", function () {
        this.switch = !this.switch
        return this.switch ? "rgb(0, 0, 0, 0.3)" : ""
    });
}, 500)

Fala pessoal, estou com o seguinte código para fazer um efeito blink em uma div, estou conseguindo mudar a cor do fundo da div de meio em meio segundo, porém preciso modificar a cor do texto e não estou conseguindo encontrar a logica para essa mudança.

Segue o exemplo do código atual

setInterval(function () {
    $(".laranja").css("background-color", function () {
        this.switch = !this.switch
        return this.switch ? "rgb(0, 0, 0, 0.3)" : ""
    });
}, 500)

Tentei fazer assim e deu certo

setInterval(function () {
        
        $(".laranja").css("background-color", function () {
            this.switch = !this.switch
            return this.switch ? "rgb(0, 0, 0, 0.3)" : ""
        });
        
        $(".laranja").css("color", function () {
            this.color = !this.color
            return this.color ? "#FFF" : ""
        });
        
        
    }, 500)

Mais não sei se é a forma mais clean e certa de fazer.

Fonte Link
Patrique
  • 454
  • 5
  • 19

Blink no fundo e na cor do texto

Fala pessoal, estou com o seguinte código para fazer um efeito blink em uma div, estou conseguindo mudar a cor do fundo da div de meio em meio segundo, porém preciso modificar a cor do texto e não estou conseguindo encontrar a logica para essa mudança.

Segue o exemplo do código atual

setInterval(function () {
    $(".laranja").css("background-color", function () {
        this.switch = !this.switch
        return this.switch ? "rgb(0, 0, 0, 0.3)" : ""
    });
}, 500)