Skip to main content
Ajuste no código
Fonte Link
Sam
  • 80,8mil
  • 22
  • 73
  • 127

Estou testando alguns componentes do materialize, por eu ser iniciante. Percebi que o efeito da classe "waves-effect waves-light" não está funcionando. Queria saber o que está acontecendo, já tentei waves-rippler mas não deu certo tbm. Também acho que pode ser o diretório, não sei ao certo.

Aqui o diretório

<!DOCTYPE html>
 <html lang="pt-br">

<head>  
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>Teste</title>

    <!-- Materialize CSS -->

    <link rel="stylesheet" type="text/css" 
    href="materialize/css/materialize.css" media="screen,projection">   

    <link rel="stylesheet" type="text/css" 
    href="materialize/css/default.css">     

    <link rel="stylesheet" type="text/css" 
    href="MaterialDesign/MaterialDesign/css/materialdesignicons.css">   

</head>

<body>

    <a class="waves-effect waves-light btn-large">Button</a>

    <!-- JQuery --> 
    <script src="js/jquery-3.2.1.min.js"></script>  

    <!-- Materialize JS -->
    <script href="materialize/js/materialize.js"></script> 

</body> 

</html>
  

Estou testando alguns componentes do materialize, por eu ser iniciante. Percebi que o efeito da classe "waves-effect waves-light" não está funcionando. Queria saber o que está acontecendo, já tentei waves-rippler mas não deu certo tbm. Também acho que pode ser o diretório, não sei ao certo.

Aqui o diretório

<!DOCTYPE html>
 <head>  
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>Teste</title>

    <!-- Materialize CSS -->

    <link rel="stylesheet" type="text/css" 
    href="materialize/css/materialize.css" media="screen,projection">   

    <link rel="stylesheet" type="text/css" 
    href="materialize/css/default.css">     

    <link rel="stylesheet" type="text/css" 
    href="MaterialDesign/MaterialDesign/css/materialdesignicons.css">   

</head>

<body>

    <a class="waves-effect waves-light btn-large">Button</a>

    <!-- JQuery --> 
    <script src="js/jquery-3.2.1.min.js"></script>  

    <!-- Materialize JS -->
    <script href="materialize/js/materialize.js"></script> 

</body>
 

Estou testando alguns componentes do materialize, por eu ser iniciante. Percebi que o efeito da classe "waves-effect waves-light" não está funcionando. Queria saber o que está acontecendo, já tentei waves-rippler mas não deu certo tbm. Também acho que pode ser o diretório, não sei ao certo.

Aqui o diretório

<!DOCTYPE html>
<html lang="pt-br">

<head>  
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>Teste</title>

    <!-- Materialize CSS -->

    <link rel="stylesheet" type="text/css" 
    href="materialize/css/materialize.css" media="screen,projection">   

    <link rel="stylesheet" type="text/css" 
    href="materialize/css/default.css">     

    <link rel="stylesheet" type="text/css" 
    href="MaterialDesign/MaterialDesign/css/materialdesignicons.css">   

</head>

<body>

    <a class="waves-effect waves-light btn-large">Button</a>

    <!-- JQuery --> 
    <script src="js/jquery-3.2.1.min.js"></script>  

    <!-- Materialize JS -->
    <script href="materialize/js/materialize.js"></script> 

</body> 

</html>
 
adicionou 31 caracteres ao conteúdo
Fonte Link

Estou testando alguns componentes do materialize, por eu ser iniciante. Percebi que o efeito da classe "waves-effect waves-light" não está funcionando. Queria saber o que está acontecendo, já tentei waves-rippler mas não deu certo tbm. Também acho que pode ser o diretório, não sei ao certo.

Aqui o diretório

<!DOCTYPE html>
<head>  
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>Teste</title>

    <!-- Materialize CSS -->

    <link rel="stylesheet" type="text/css" 
    href="materialize/css/materialize.css" media="screen,projection">   

    <link rel="stylesheet" type="text/css" 
    href="materialize/css/default.css">     

    <link rel="stylesheet" type="text/css" 
    href="MaterialDesign/MaterialDesign/css/materialdesignicons.css">   

</head>

<body>

    <a class="waves-effect waves-light btn-large">Button</a>

    <!-- JQuery --> 
    <script src="js/jquery-3.2.1.min.js"></script>  

    <!-- Materialize JS -->
    <script href="materialize/js/materialize.js"></script> 

</body>

Estou testando alguns componentes do materialize, por eu ser iniciante. Percebi que o efeito waves não está funcionando. Queria saber o que está acontecendo, já tentei waves-rippler mas não deu certo tbm. Também acho que pode ser o diretório, não sei ao certo.

Aqui o diretório

<!DOCTYPE html>
<head>  
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>Teste</title>

    <!-- Materialize CSS -->

    <link rel="stylesheet" type="text/css" 
    href="materialize/css/materialize.css" media="screen,projection">   

    <link rel="stylesheet" type="text/css" 
    href="materialize/css/default.css">     

    <link rel="stylesheet" type="text/css" 
    href="MaterialDesign/MaterialDesign/css/materialdesignicons.css">   

</head>

<body>

    <a class="waves-effect waves-light btn-large">Button</a>

    <!-- JQuery --> 
    <script src="js/jquery-3.2.1.min.js"></script>  

    <!-- Materialize JS -->
    <script href="materialize/js/materialize.js"></script> 

</body>

Estou testando alguns componentes do materialize, por eu ser iniciante. Percebi que o efeito da classe "waves-effect waves-light" não está funcionando. Queria saber o que está acontecendo, já tentei waves-rippler mas não deu certo tbm. Também acho que pode ser o diretório, não sei ao certo.

Aqui o diretório

<!DOCTYPE html>
<head>  
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>Teste</title>

    <!-- Materialize CSS -->

    <link rel="stylesheet" type="text/css" 
    href="materialize/css/materialize.css" media="screen,projection">   

    <link rel="stylesheet" type="text/css" 
    href="materialize/css/default.css">     

    <link rel="stylesheet" type="text/css" 
    href="MaterialDesign/MaterialDesign/css/materialdesignicons.css">   

</head>

<body>

    <a class="waves-effect waves-light btn-large">Button</a>

    <!-- JQuery --> 
    <script src="js/jquery-3.2.1.min.js"></script>  

    <!-- Materialize JS -->
    <script href="materialize/js/materialize.js"></script> 

</body>
Fonte Link

Efeito waves materialize

Estou testando alguns componentes do materialize, por eu ser iniciante. Percebi que o efeito waves não está funcionando. Queria saber o que está acontecendo, já tentei waves-rippler mas não deu certo tbm. Também acho que pode ser o diretório, não sei ao certo.

Aqui o diretório

<!DOCTYPE html>
<head>  
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>Teste</title>

    <!-- Materialize CSS -->

    <link rel="stylesheet" type="text/css" 
    href="materialize/css/materialize.css" media="screen,projection">   

    <link rel="stylesheet" type="text/css" 
    href="materialize/css/default.css">     

    <link rel="stylesheet" type="text/css" 
    href="MaterialDesign/MaterialDesign/css/materialdesignicons.css">   

</head>

<body>

    <a class="waves-effect waves-light btn-large">Button</a>

    <!-- JQuery --> 
    <script src="js/jquery-3.2.1.min.js"></script>  

    <!-- Materialize JS -->
    <script href="materialize/js/materialize.js"></script> 

</body>