This repository has been archived by the owner on Jun 6, 2023. It is now read-only.

benfreke / css-drop-shadow-from-psd Public archive

Notifications You must be signed in to change notification settings
Fork 0
Star 2

Some javascript functions to enable conversion of a PSD drop shadow to CSS3 commands.

2 stars 0 forks Branches Tags Activity

Notifications

Name		Name	Last commit message	Last commit date
Latest commit History 13 Commits
README.md		README.md
index.html		index.html
jquery-1.7.2.min.js		jquery-1.7.2.min.js
script.js		script.js
style.css		style.css

Repository files navigation

css-drop-shadow-from-psd

This little script allows you to insert values from a PSD drop-shadow, and output CSS for it.

I got sick of guessing what the right values are so I decided to create some javascript to convert it automatically for me.

Very much inspired by http://css3generator.com/

Known Bugs

If all values except the angle are 0, the preview doesn't work

Roadmap

Add a background and foreground colour option to the preview
Convert the JS to a jQuery plugin
Add validation to the form inputs (proper JS, not just HTML5 attributes)
Use a colour picker for the colour input
Allow the input of RGB colour values

Fixed

The trailing semi-colon is missing from the output code

About

Some javascript functions to enable conversion of a PSD drop shadow to CSS3 commands.

Report repository

Releases

No releases published

Packages

No packages published

Languages