“MediaWiki:Button-with-animation.css”的版本间的差异
来自小鱼君和他的朋友们
(以“.button-with-animation { display: inline-block; border-radius: 4px; background-color: #f4511e; border: none; color: #FFFFFF; text-align: center; font-s...”为内容创建页面) |
小 (导入1个版本) |
(没有差异)
|
2019年9月4日 (三) 23:45的最新版本
.button-with-animation { display: inline-block; border-radius: 4px; background-color: #f4511e; border: none; color: #FFFFFF; text-align: center; font-size: 28px; padding: 20px; width: 200px; transition: all 0.5s; cursor: pointer; margin: 5px; } .button-with-animation span { cursor: pointer; display: inline-block; position: relative; transition: 0.5s; } .button-with-animation span:after { content: '»'; position: absolute; opacity: 0; top: 0; right: -20px; transition: 0.5s; } .button-with-animation:hover span { padding-right: 25px; } .button-with-animation:hover span:after { opacity: 1; right: 0; }