CSS effects - ByPeople (9 submissions)

A growing repository with 963 Collections & 11757 resources for web ninjas (freebies, plugins and snippets) updated & curated every day, so it never expires.

CSS effects

(9 submissions) | Jun 14, 2017 (latest edition)

Curated collection with useful scripts and pens covering CSS effects.

Follow list
- Or
Email field is required
Share
Suggest
Comment

Leave a comment

Comment cannot be empty.
- Or
Email field is required
Flag

- Or
Email field is required
Leave a comment

Comment cannot be empty.
- Or
Email field is required

CSS effects ( 9 submissions )

Comment

Tesselation and Gradient Transition Effect in JS/CSS
- Item added by TommyFra...
  Flag
  
  Leave a comment
  
  Comment cannot be empty.
  
  Write a comment
  
  Download
  
  Share
  
  Source
A nice tesselation transition effect created by Chris Johnson, based on Delaunay Triangulation in order to create visually appealing and randomly generated color transition gradients and tesselations in the style of Material Design. This jaw-droppingly beautiful JS/CSS snippet can come in handy for photo galleries or header effects.
CSS 3D Login Form
- Item added by Admin
  Flag
  
  Leave a comment
  
  Comment cannot be empty.
  
  Write a comment
  Share
  
  Source
A really nice CSS snippet to create a 3D login form, a great 3D effect ready to use in your next project.
Code Based Bezier Mesh Projection
- Item added by Admin
  Flag
  
  Leave a comment
  
  Comment cannot be empty.
  
  Write a comment
  
  Download
  
  Share
  
  Source
A really nice experiment to simulate a bezier mesh projection with pure code, grid interaction is fastest in Chrome.
Isometric DOM 3D-ish Tiles in CSS
- Item added by Admin
  Flag
  
  Leave a comment
  
  Comment cannot be empty.
  
  Write a comment
  
  Download
  
  Share
  
  Source
A nice presentation effect which shows photos as 3D slides, it takes photos randomly from Unsplash, however, you can add the source you want.
CSS Material Color Picker
- Item added by AlexBoul...
  Flag
  
  Leave a comment
  
  Comment cannot be empty.
  
  Write a comment
  
  Download
  
  Share
  
  Source
A sleek material design color selector, with nice reactive animations and hover effects.
AOS: Animate web elements as you scroll
- Item added by
  Flag
  
  Leave a comment
  
  Comment cannot be empty.
  
  Write a comment
  
  Download
  
  Share
  
  Source
A handful CSS3 library that animate objects with different easing effects (fade, flip, zoom, etc) while you are scrolling down, when you scroll up they return to its initial position.
CSS Only Particle System
- Item added by amandaki...
  Flag
  
  Leave a comment
  
  Comment cannot be empty.
  
  Write a comment
  
  Download
  
  Share
  
  Source
A cool particle effect made with pure CSS. This simple snippet can help your website give a little realism to it, without affecting the page load. You can alter the direction, size, speed and color of the particles.
CSS & JS Exploding Particles Image Transition
- Item added by Lesleybu...
  Flag
  
  Leave a comment
  
  Comment cannot be empty.
  
  Write a comment
  
  Download
  
  Share
  
  Source
A CSS and JavaScript snippet that shows an image transition with exploding particles that looks like a 3D effect. It can be used in a website or a mobile app, is lightweight and does not affect the page load.
CSS Antigravity Flow Effect
- Item added by mysticun...
  Flag
  
  Leave a comment
  
  Comment cannot be empty.
  
  Write a comment
  
  Download
  
  Share
  
  Source
A sleek effect of flying anti-gravity particles, ideal for headers, presentations, slideshows and related!

Leave a comment

Premium Deals

Unsure about buying? Read the FAQ | Want to promote your own deal?

Get deal for $19 (51% off) -

4600+ Unique Slides for Keynote & Power Point Presentations Regularly Valued $584 Just for $29( 95% OFF)

A gorgeous pack of 4611 slides to create compelling Presentations in Keynote and Powerpoint. Regularly priced $584, you can access to all of them for only $29USD, an incredible 95% discount!

Get deal for $29 (95% off) -

Lifetime Invoice Management Software and Mobile App Business Plan, normally valued 400$USD Only for 29$ (93% Off)

Get a Lifetime Business Plan of one of the easiest and simple online invoice management tools, normally valued ~~$400~~ only for $29 USD with a 93% special discount.

Get deal for $29 (93% off) -

856+ Vector Wireframe Templates Worth $775 for Only $24USD (97% Off) + Extended License: WebDonut Massive Wireframe Bundle

A collection of Vector Wireframe Templates (AI, PSD & Sketch) valued $775 USD for only $24. It has more than 856 templates and literally thousands of design elements. Get it Today, 97% discount, only for a limited time!

Get deal for $24 (97% off) -

53K+ Design Elements Worth $5K for Only $25usd: GraphicPear's Ultimate Design Bundle

A huge collection of design resources, so big it's actually hard to imagine: more than 53K design items for multiple purposes worth $5K for only 25usd!

Get deal for $25 (100% off) -

1000+ Packages and Boxes MockUps in Several Materials and Presentations Extensive Bundle valued $550 Just 29$ (95% Off)

Get today more than 1000 Packages and Boxes Mockup Files in an extensive bundle for only $29 with a 95% limited discounted price of its normal ~~$550 USD~~. Find different materials and presentations (Box, Paper, Metal, Plastic and Bottle) and hundreds of possible matches and finishes for your packages.

Get deal for $29 (95% off) -

4000+ Infographics Elements Vector Bundle (Several Industries & Design Styles) Packed in 200 Templates Only $15! (85% Off)

Exclusive offer: Get a virtually unlimited bundle of super editable infographic resources. Find yourself more than 4000 ways to spread your message with a massive saving of 85% Off the regular price.

Get deal for $15 (85% off) -

500 Fully Editable Banners (Ads & Social Media) and Mood Board Templates: The Ultimate Social Media Bundle Worth $880 for Only $24USD! (97% Off)

Gain followers, conversions and sales with more than 1000 ready-to-use Social Media Banners, additionally you'll get 15 printable Mood Board Templates and 150+ free licensed images. Only $24 (97% Off!)

Get deal for $24 (97% off) -

12 Complete HTML Email Templates Bundle (Full Compatibility) Worth $106 for Just $29 (73% Discount)

Convert your subscribers into customers with 12 ready-to-use email templates, compatible with the most important email marketing platforms. A bundle valued ~~$106~~ that you can get for only $29USD

Get deal for $29 (73% off) -

Show Less Show More

Never Miss a Resource

This a test message in global notification

Your download will start shortly.

Suggest A List

Featured Suggestions

Prueba de lista jp

3 votes

Project Management WordPress Plugin

2 votes

This is a Test 2

1 vote

Wireframe Tools

1 vote

Illustrator Templates

2 votes

Property Developers | Builders | Real Estate Company Coimbatore

0 votes

Property Developers | Builders | Real Estate Company Coimbatore

0 votes

PSD To HTML Conversion Service

0 votes

Better designer tools

1 vote

Top 15 Most Recognizable Company Logos

2 votes

awardsjo.com

0 votes

awardsjo.com

0 votes

What Additional List Should We Have?

List Name
140 Chars left

Please fill all the data in the form.

Suggest a list to be created in ByPeople. Be sure to be very descriptive.

These are examples of the kind of list we are searching for.
Best jquery plugins. Better designer tools. Plugins For WordPress. Bootstrap Themes.

CLOSE

Register

Recover Password

Cancel Cancel

Join ByPeople!, just write your email. An email message will be sent to you with the activation link.

If you lost your password write your email. An email message will be sent to you with the recovery link.

Login with a previous account or sign in with

Sign In With Facebook

Sign In With Google

Sign In With GitHub

ByPeople Login

Login

Remember Me
Forgot Password? Forgot Password?

When you click on "Login" button you're inmediately accepting all terms and conditions of bypeople.com.

CLOSE

Report Content

ByPeople staff works hard to keep away inappropriate content. We'll review your report and and take actions on the issue.

This content is:

Offensive, unfit for bypeople public.

Outdated, discontinued content.

Not working.

Copyrighted, violates copyright laws.

Other.

Add more details (optional) :
Cancel

Done!

Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Download Resource

Newsletter

Download this resource by subscribing to our freebies newsletter. We deliver no ads and no spam, only quality freebies.
Email
Join us, accept terms

Oops! Please revise your email format.

Download Resource

Social Sharing

Download this set by sharing it on Facebook or Twitter.

Facebook Twitter

CLOSE

Register

Recover Password

Cancel

Join ByPeople! Add your email and check your inbox for the activation link. By clicking on Register, you're accepting all terms and conditions of bypeople.com.

If you lost your password write your email. An email message will be sent to you with the recovery link.

Login

Remember Me

Cancel

Download this item and all our future resources, deals and Collections by signin in, it takes only 5 seconds.

Sign In With Facebook

Sign In With Google

Sign In With GitHub

or Login

Social Sharing

Give us some love downloading this by sharing it in Facebook or Twitter.

Facebook

Twitter

Become Curator

Please enter your social information for us to be able to verify you as a curator.

Twitter

GitHub

Stack Overflow

What makes you awesome?

Please fill "What makes you awesome?" field.

Inserting post data...

Freebie title*
Graphic resource title...

* Upload graphic file Upload Freebie*
(PSD, ZIP, AI, 3D, etc)

Freebie description*

Are you the author of this resource?

Yes

No

Snippet title*
Code snippet title...

Snippet description*

Snippet URL from JsFiddle, CSSDeck Or CodePen*

Are you the author of this resource?

Yes

No

Resource title*
Resource title...

License*

Free

Commercial

Both

Other

Resource description*

Resource link*

Resource demo link

Are you the author of this resource?

Yes

No

Browse
Done

Thank You!

Your post has been received, and will be reviewed by a curator

Login or Register

Username Password

Enter your email to create a new account
Email

An email has been sent to the mail you specified, please confirm it and start getting all the benefits ByPeople offers

About

FAQ

Terms And Conditions

Privacy Policy