HTML Exercises

xxxxxxxxxx

 

1

%%html

2

<style>

3

@import 'https://fonts.googleapis.com/css?family=Ewert';

4

.animated {background-color:#3636ff; font-family:'Ewert'; 

5

           color:#fff; text-align:center; font-size:25px; 

6

           border-radius:15px; padding:10px; width:350px; 

7

           transition:all .7s; cursor:pointer; margin:2px;}

8

.animated span {cursor:pointer; display:inline-block; 

9

                position: relative; transition:.7s;}

10

.animated span:after {content:'\22d9'; position:absolute; opacity:0; 

11

                      top:0; right:-10px; transition:.7s;}

12

.animated:hover span {padding-right:18px;}

13

.animated:hover span:after {opacity:1; mright:0;}

14

</style>

15

<button class='animated'><span>Animated Button</span></button>

Language: Sage Gap GP HTML Macaulay2 Maxima Octave Python R Singular

---

Messages