bamarty/Projet_Prog_Web
2
0
分叉 0
程式碼 問題 合併請求 版本發布 Wiki 動態

Premier prototype de page de choix a priori termine

瀏覽代碼
這個提交存在於：
Florian Ehr 2020-12-04 23:28:49 +01:00
父節點 d77df7b3f6
當前提交 2e20b02058
共有 3 個檔案被更改，包括 31 行新增 和 12 行删除
顯示統計資料 下載補綴檔案 下載差異檔案 展開所有檔案 折疊所有檔案

38
CSS/etrange_decouverte.css
查看文件

@ -51,27 +51,41 @@ body {
} }
.button { .button {
outline: none;
border: 3px solid white;
border-radius: 50px;
height: 8vh;
min-width: 15vw;
padding: 0px 10px 0px 10px;
color: ;
font-family: 'Special Elite', cursive; font-family: 'Special Elite', cursive;
border-radius: 20px; background-image: linear-gradient(to top, black -50%, #BF0909 80%);
background-color: #B0C4DE; cursor : pointer;
height: 3.8vh;
} }
.button:hover{ .button:hover {
animation-name: zslide; box-shadow: 0 0 50px #B0C4DE;
animation-duration: 3s;
} }
@keyframes zslide { .button:active {
background-image: linear-gradient(to top, #BF0909 20%, black 150%);
}
@keyframes oscille {
from { from {
font-size: 2vw; transform: rotate(0);
opacity: 1; }
25% {
transform: rotate(8deg);
}
75% {
transform: rotate(-8deg);
} }
to { to {
font-size: 6vw; transform: rotate(0);
opacity: 0;
} }
} }

1
HTML/etrange_decouverte.html
查看文件

@ -7,6 +7,7 @@
<link rel="stylesheet" href="../CSS/etrange_decouverte.css"> <link rel="stylesheet" href="../CSS/etrange_decouverte.css">
<link rel="preconnect" href="https://fonts.gstatic.com"> <link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Special+Elite&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Special+Elite&display=swap" rel="stylesheet">
<script defer type="text/javascript" src="../JAVASCRIPT/etrange_decouverte.js"></script>
</head> </head>
<body> <body>
<header> <header>

4
JAVASCRIPT/etrange_decouverte.js
查看文件

@ -0,0 +1,4 @@
let safeButton = document.getElementById("safeButton");
console.log(safeButton);