我想聚焦时有按钮的内部发光效果。我可以实现按钮的轮廓(外部)发光,但我甚至想要内部发光效果。谁能帮忙?按钮的内部发光效果
16
A
回答
33
我做了一个jsFiddle出这样的效果:
a {
-webkit-box-shadow: inset 0 0 30px #00f;
-moz-box-shadow: inset 0 0 30px #00f;
box-shadow: inset 0 0 30px #00f;
}
编辑:响应您的评论:这是一个much sexier version。
2
使用box-shadow
inset
:
.class{
box-shadow:inset 2px 2px 2px 2px black;
}
相关问题
- 1. TextBlock发光效果内部按钮
- 2. WPF内部发光效果
- 3. WPF中的内部发光效果
- 4. 闪光或闪光效果的按钮
- 5. 当按下按钮时获得发光效果
- 6. 透明WPF按钮的外部和内部发光
- 7. WinRT中TextBlock的外部发光效果
- 8. 发光按钮
- 9. 按钮的动画发光效果 - C#Windows窗体
- 10. 发光效果对PNG的脉动发光效果
- 11. UISegmentedControl发光效果
- 12. WebGL发光效果
- 13. 为输入框和按钮添加发光效果
- 14. WPF功能区按钮鼠标移动时发光效果
- 15. 准备一个非标准内部发光的Android按钮?
- 16. 发光按钮onfocus
- 17. 按钮内的闪光按钮
- 18. UITextView中的发光效果
- 19. 发光的WPF按钮
- 20. 按下按钮的效果
- 21. 如何绘制减光边框(外部发光效果)?
- 22. Flex发光效果定制
- 23. 对MouseEnter发光效果WPF
- 24. DirectX 9 HLSL发光效果
- 25. 发光风格效果
- 26. 围绕NSView发光效果
- 27. 绽放和发光效果
- 28. 边界外发光效果
- 29. Directx 11 HLSL发光效果
- 30. IPhone文字发光效果
也许看看这里:http://stackoverflow.com/questions/2572713/css3-gradients-to-reproduce-an-inner-glow-effect-from-illustrator-with-border-r – Simon 2011-01-07 11:37:35