İkonlar - I
Coddy'nin Slider | Front-end Projesi kursunda ders 13 / 23.
Görev
Kolay.wrapper i (ikonlar) seçicisini hedefleyin:
1. position değerini absolute olarak ayarlayın.
2. top değerini 50% olarak ayarlayın.
3. height ve width değerlerini 50 piksel olarak ayarlayın.
4. İstediğiniz bir arka plan rengi (background color) ayarlayın.
5. Kenar yumuşatma (border radius) değerini 50% olarak ayarlayın.
6. İstediğiniz bir kutu gölgesi (box shadow) ayarlayın.
7. Transform değerini translateY(-50%) olarak ayarlayın.
8. cursor değerini pointer olarak ayarlayın.
9. İstediğiniz bir yazı tipi boyutu (font size) ayarlayın (bu, ikonun boyutunu değiştirecektir).
10. Metni merkeze hizalayın (yatayda ortalar).
11. line-height değerini 50px olarak ayarlayın (dikeyde ortalar).
12. Geçiş (transition) değerini transform 0.1s linear olarak ayarlayın.
Kendin dene
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
<script src="script.js"></script>
</body>
</html>