Inner glow effect of button

I made a jsFiddle showing this effect:

a {
    -webkit-box-shadow: inset 0 0 30px #00f;
    -moz-box-shadow: inset 0 0 30px #00f;
    box-shadow: inset 0 0 30px #00f;
}

Edit: in response to your comment: Here’s a much sexier version.

Related Posts:

  1. How to get these two divs side-by-side?
  2. How to change the color of an svg element?
  3. How to implement max-font-size?
  4. @Media min-width & max-width
  5. How do I center this form in css?
  6. How can I replace text with CSS?
  7. Bootstrap 4, How do I center-align a button?
  8. Float a div above page content
  9. What does an asterisk (*) do in a CSS selector?
  10. height style property doesn’t work in div elements
  11. background-size: cover not working?
  12. combined multiple classes into one css rule
  13. CSS Outside Border
  14. Is there an opposite to display:none?
  15. Rainbow gradient on text in CSS
  16. CSS3 opacity gradient?
  17. use multiple css filters at the same time?
  18. font-weight is not working properly?
  19. What would be the best method to code heading/title for ul or ol, Like we have caption in table?
  20. How can I make my header image properly responsive?
  21. Removing whitespace between HTML elements when using line breaks
  22. Why are my divs overlapping?
  23. Child themes CSS priority problems without using !important
  24. Cache busting CSS files other than style.css
  25. How do I add a search bar to my header?
  26. Sanitize User Entered CSS
  27. How can I test how fast or slow my wordpress website it?
  28. Stylesheet switching and caching
  29. Check and dequeue if multiple stylesheets exists using wp_style_is?
  30. plugin css is not being applied to the page?
  31. How do I make Div Container 100% width only on homepage of site?
  32. WordPress & W3C CSS Validation
  33. TwentyTwelve versioning
  34. How to highlight all current categories when viewing a single post?
  35. Duplicate attribute class causing site validation error
  36. Assets in css dont link properly in pages other than home
  37. Do I have to use a WordPress specific CSS reset, or is a normal, Eric Meyer style CSS reset fine?
  38. How do I style WordPress pages differently based on the tag used?
  39. How/where to add additional stylesheet to WP
  40. How the Css File is Linked without calling it in header.php?
  41. Show enqueued CSS and Script in custom header
  42. How to insert html/css/javascript code to wordpress plugin
  43. Importing changes to Child Theme
  44. Save changes in CSS after removing Menu from specific page
  45. Move the position of menu item [closed]
  46. Pure CSS to “float” to the right the number of children of an admin_bar child node
  47. Trying to figure out why my child theme is trying to access a file that doesn’t exist
  48. Title has word broken when viewed in mobile [closed]
  49. Advanced: understanding wp_add_inline_style function
  50. Hide Image On WordPress On Single Page [closed]
  51. WordPress code editor messed up my code!
  52. Ordering stylesheet above using functions.php
  53. How to change “““ to “““?
  54. How to remove parent style.css from the header
  55. enqueing Javascript and CSS
  56. Acessing HTML element with no specific tag on it [closed]
  57. Earlier stylesheet not overriding later one
  58. Order of WP page load (including widgets, php, plugins, media, templates, and CSS) [duplicate]
  59. CSS is not loaded on mobile devices
  60. Fixed height of the_content()
  61. How can I add inline CSS for each image?
  62. Creating a second menu on Twenty Eleven aligned right from the first
  63. Help with a little CSS logo/header modification?
  64. I have html form and need to make it work in text editor on template. Only problem is it has .sccs styling file
  65. How to insert the current user’s role into the body class in the admin backend
  66. underscores theme – sass folder structure vs smacss
  67. Inclution place of CSS file
  68. Unused CSS in WordPress Plugins
  69. I have text on a banner on my wordpress site and I am unable to get rid of it? Would appreciate any help or advice :-)
  70. Img load while refreshing
  71. How to change specific menu tab from left to right in My Home Theme?
  72. Admin bar default color scheme for nonregistered/nonlogged users
  73. Lines of CSS only being delivered while logged in
  74. Twenty Fourteen: Unsticky header after making header bigger
  75. How to display javascript banner in website header?
  76. Loading css files conditionally useful?
  77. Is there any way to turn off a particular scrolling behaviour?
  78. Sidebar at bottom however I have completely replaced theme folder back to original code
  79. Site not 100% responsive
  80. Dropdown menu’s fighting with each other [closed]
  81. Customizer: CSS changes not persistent
  82. Move both sidebars more to their sides [closed]
  83. Scale An Image Thumbnail
  84. Which hook to use to add notification message at beginning of my
  85. single.php doesn’t getting style
  86. Theme looks ugly – FOUC – stylesheets loaded in footer
  87. Converting Static HTML pages to WordPress
  88. How to make widgetized footer styles be inherited from body?
  89. custom css in admin panel by user id
  90. How to customize a theme’s navigation menu with css
  91. Site layout problems when logged in due to admin bar
  92. Add “sub-nav” class to a sub menu parent item
  93. Current Post/Page Ancestor, CSS
  94. How to target only one element if more elements share the same CSS class
  95. How to change the CSS in one file?
  96. Custom css code in wordpress [closed]
  97. Using Easy Google Fonts correctly and Droid Sans on Max OS X [closed]
  98. remove white overlay [closed]
  99. Why doesn’t media(max-width) work on h2 title?
  100. How to use WordPress 3.8 back-end CSS in front-end?

Leave a Comment