Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

easy-css-transform-builder

Package Overview
Dependencies
Maintainers
1
Versions
3
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

easy-css-transform-builder - npm Package Compare versions

Comparing version 0.0.1 to 0.0.2

lib/builder.js

4

lib/create-css-transform-builder.js

@@ -28,4 +28,4 @@ "use strict";

var isValidProp = function isValidProp(val) {
return typeof val === "number" || typeof val === "string" || isArray(val);
var isValidProp = function isValidProp(value) {
return typeof value === "number" || typeof value === "string" || isArray(value);
};

@@ -32,0 +32,0 @@

{
"name": "easy-css-transform-builder",
"version": "0.0.1",
"version": "0.0.2",
"description": "Easily build CSS transform values with JavaScript.",

@@ -5,0 +5,0 @@ "main": "lib/index.js",

@@ -6,3 +6,4 @@ easy-css-transform-builder

[![npm version](https://img.shields.io/npm/v/easy-css-transform-builder.svg?style=flat-square)](http://badge.fury.io/js/easy-css-transform-builder)
[![David](https://img.shields.io/david/dev/tsuyoshiwada/easy-css-transform-builder.svg?style=flat-square)](https://david-dm.org/tsuyoshiwada/easy-css-transform-builder/#info=devDependencies&view=table)
[![David](https://img.shields.io/david/tsuyoshiwada/easy-css-transform-builder.svg?style=flat-square)](https://david-dm.org/tsuyoshiwada/easy-css-transform-builder)
[![David dev](https://img.shields.io/david/dev/tsuyoshiwada/easy-css-transform-builder.svg?style=flat-square)](https://david-dm.org/tsuyoshiwada/easy-css-transform-builder/#info=devDependencies&view=table)
[![License](https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square)](https://raw.githubusercontent.com/tsuyoshiwada/easy-css-transform-builder/master/LICENSE)

@@ -35,4 +36,4 @@

translateX: 30,
scale3d: [1.2, 4, 1.8],
rotate: 45,
scale: 2.8,
rotate3d: [1, 0, 0, 60],
skewY: "40rad"

@@ -42,3 +43,3 @@ });

console.log(transform);
// translateX(30px) scale3d(1.2, 4, 1.8) rotate(45deg) skewY(40rad)
// translateX(30px) scale(2.8) rotate3d(1, 0, 0, 60deg) skewY(40rad)
```

@@ -66,3 +67,3 @@

* `rotate`: `number` | `string`
* `rotate3d`: [`number * 3`] | `string`
* `rotate3d`: [`number * 4`] | `string`
* `rotateX`: `number` | `string`

@@ -69,0 +70,0 @@ * `rotateY`: `number` | `string`

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc