diff options
Diffstat (limited to 'day9/task5/static/css/NewEntryStyle.css')
| -rw-r--r-- | day9/task5/static/css/NewEntryStyle.css | 32 |
1 files changed, 32 insertions, 0 deletions
diff --git a/day9/task5/static/css/NewEntryStyle.css b/day9/task5/static/css/NewEntryStyle.css new file mode 100644 index 0000000..e1141b2 --- /dev/null +++ b/day9/task5/static/css/NewEntryStyle.css @@ -0,0 +1,32 @@ +.newEntryBtn { + overflow: hidden; + white-space: nowrap; + + position: fixed; + bottom: 50px; + left: 50px; + + padding: 5px; + border-radius: 20px; + width: 40px; + height: 40px; + border: none; + background-color: #2871e2; + color: white; + font-size: 20px; + + transition-property: width, font-size; + transition-duration: 0.6s; +} + +.newEntryBtn:hover { + width: 150px; + font-size: 15px; + background-color: #286bd6; +} + +.newEntryBtn:focus { + width: 200px; + font-size: 15px; + background-color: #2861c3; +} |