固定按钮,页面右上角有动画

OpenStack的

我想创建一个与您在此处看到的按钮类似的按钮

该页面Feedback右侧按钮靠近滚动条。如何创建类似的按钮。

约翰·布皮特

根据您希望使用反馈按钮的确切行为,可以有很多解决方案。这些可能涉及JavaScript来延迟按钮的外观,而CSS转换会旋转元素。我认为最简单的方法是创建一个fixed元素并将其设置right0

.feedback {
   position: fixed;
   right: 0;
   bottom: 30%;
   height: 80px;
   width: 20px;

   background-color: #55E;
   color: #FFF;
}

.feedback:hover {
    width: 30px;
}
<div class="feedback">
</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

具有输入字段的按钮不想与右上角对齐

来自分类Dev

动画 UIBezierPath 从所有圆角到左上角和右上角圆角的路径

来自分类Dev

将按钮放在QGroupBox的右上角

来自分类Dev

YTPlayerView:删除右上角的共享按钮

来自分类Dev

图片右上角的CSS按钮(图库)

来自分类Dev

当我单击自定义页面右上角的“完成”按钮或关闭按钮时,页面未使用 NSIS 关闭

来自分类Dev

将按钮移到div框的右上角

来自分类Dev

Android:在按钮的右上角对齐图像

来自分类Dev

将按钮绑定到视图iOS Swift的右上角

来自分类Dev

如何在图像的右上角显示删除按钮

来自分类Dev

如何在nativescript的右上角设置关闭按钮?

来自分类Dev

在图像的右上角放置小图像按钮

来自分类Dev

Android:在按钮的右上角对齐图像

来自分类Dev

如何在右上角放置按钮jpjpane

来自分类Dev

垫子徽章显示在按钮内部而不是右上角

来自分类Dev

带有图例的字段集的右上角的位置图标

来自分类Dev

CSS网格将所有项目放置在右上角

来自分类Dev

如何设计带有右上角图标的 div?

来自分类Dev

具有左上角和右上角的Div与线性渐变相同的颜色

来自分类Dev

如何从当前位置到右上角制作div副本的动画

来自分类Dev

文字旋转90度,使用CSS刷新到页面右上角

来自分类Dev

Chrome:如何在右上角隐藏Chrome的页面绘制时间面板?

来自分类Dev

右上角菜单选项

来自分类Dev

Bootstrap的右上角未清除或重置

来自分类Dev

在画布右上角绘制标签

来自分类Dev

在div中的右上角打破文本

来自分类Dev

获取控件右上角位置

来自分类Dev

如何找回默认的右上角通知?

来自分类Dev

如何找回默认的右上角通知?

Related 相关文章

热门标签

归档