Original

Encrypted

Download Encrypted

Decrypted

Hash SHA256

URL Tags Generator

BASE URL	DATE	PLACEMENT	ITEM
		Body Header Footer Wide Espot1 Wide Espot2 Wide Espot3 Wide Espot4

Your url is:


Highlight Full URL Open In New Tab Swap ? for &

"-" Or Space Removed From Item
URL HighlightedCharacter Swapped?icid Site Tracking Tags Removed 

PX to EMS Converter

Just enter a base size and a pixel size to get the value in ems. The default base value for text size in most browsers is 16px.

---

Base Pixel Size

Size in Pixels

---

Result

JSON to CSV Converter

Paste Your JSON Here:

[{"Id":1,"UserName":"Sam Smith"}, {"Id":2,"UserName":"Fred Frankly"}, {"Id":1,"UserName":"Zachary Zupers"}]
Wrap values in double quotes
Include labels in first row
  

CSS3 Box-Shadow Generator

box-shadow

Generate CSS box-shadows, use the "Generate Random" button to try one of the nicely arranged pre-sets

pre sets

hard light

---

soft

---

from above

---

reduced

---

inset

---

glow

box-shadow parameters

-

+

Offset X

-

+

Offset Y

-

+

Blur

-

+

Spread

  # Color (HEX)

inset

---

---

---

Selected Button

Width

Value: %

Height

Value:px

Font Size

Value: px

Color

Value:

Background Color

Value:

Border Style

Styles: Dotted Dashed Solid Double Groove Ridge Inset Outset None Hidden

Border Color

Value:

Border Width

Value:px

Border Radius

Value:px

Border Color

Border Top Color

Value:

Border Bottom Color

Value:

Border Left Color

Value:

Border Right Color

Value:

Border Style

Border Top Style: Dotted Dashed Solid Double Groove Ridge Inset Outset None Hidden

Border Botoom Style: Dotted Dashed Solid Double Groove Ridge Inset Outset None Hidden

Border Left Style: Dotted Dashed Solid Double Groove Ridge Inset Outset None Hidden

Border Right Style: Dotted Dashed Solid Double Groove Ridge Inset Outset None Hidden

Border Width

Measurment

Border Top Width

Value:px

Border Bottom Width

Value:px

Border Left Width

Value:px

Border Right Width

Value:px

Border Radius

Measurment

Border Top Right Radius

Value:px

Border Top Left Radius

Value:px

Border Bottom Right Radius

Value:px

Border Bottom Left Radius

Value:px

Padding

Value:px

Button Alignment

Left
Center
Right

.buttons-0{ 
width: 15%; 
height: 50px; 
font-size: 15px; 
color: #ffffff; 
background-color: #8713d2; 
border-color: #ff00a0; 
border-width: 2px; 
border-top-right-radius: 0px; 
border-top-left-radius: 0px; 
border-bottom-right-radius: 0px; 
border-botttom-left-radius: 0px; 
padding: 5px; 

 } 
.buttons-0:hover {
width: 15%; 
height: 50px; 
font-size: 15px; 
color: #ffffff; 
background-color: #342fc7; 
border-color: #ff00a0; 
border-width: 2px; 
border-top-right-radius: 0px; 
border-top-left-radius: 0px; 
border-bottom-right-radius: 0px; 
border-botttom-left-radius: 0px; 
padding: 5px; 

 } 
.buttons-0.active {
width: 15%; 
height: 50px; 
font-size: 15px; 
color: #ffffff; 
background-color: #39c720; 
border-color: #ff00a0; 
border-width: 2px; 
border-top-right-radius: 0px; 
border-top-left-radius: 0px; 
border-bottom-right-radius: 0px; 
border-botttom-left-radius: 0px; 
padding: 5px; 

 } 

<div class="btn-align">
<button class="button-class">Button</button>
</div>

Edit Button

Button Text Button Icon Icon Picker Button Class Button Link

Roman Numeral Converter