#Codrops , Page 1 Of 2 , 24 Links


Freebie: Winter Sports Icons (SVG, PNG) | Codrops

, Nov 8, 2016 - Freebie: Winter Sports Icons (SVG, PNG) | Codrops

A set of 50 vector icons with a winter sports theme. The icons can be easily adjusted and come in SVG format plus optimized, ready-to-use PNG format. Made by Freepik exclusively for Codrops readers.
آیکونهای زمستانی!


Spring Loaders with Rebound and Canvas | Codrops

, Mar 19, 2016 - Spring Loaders with Rebound and Canvas | Codrops

A tutorial on how to create a loading spinner made with inscribed polygons and animated with Rebound spring motion.

لودینگهای بهاری!


How to Create an Interactive Animated SVG Drum Kit | Codrops

, Mar 19, 2016 - How to Create an Interactive Animated SVG Drum Kit | Codrops

A tutorial on how to create an animated and interactive SVG drum kit with GSAP and jQuery.

اجرای موزیک زنده!


Cinema Seat Preview Experiment | Codrops

, Jan 15, 2016 - Cinema Seat Preview Experiment | Codrops

An experimental demo where a 3D perspective preview is shown for a selected seat in a cinema room.

رزرو صندلی سینما!


Elastic Progress | Codrops

, Sep 25, 2015 - Elastic Progress | Codrops

An elastic SVG progress loader based on the Dribbble shot "Download" by xjw.


How to Create a Fullscreen Video Opening Animation | Codrops

, Sep 18, 2015 - How to Create a Fullscreen Video Opening Animation | Codrops

A tutorial on how to create a video opening animation inspired by the effect seen on momentsapp.com.

نمایش تمام صفحه ویدئو.


Styling & Customizing File Inputs the Smart Way | Codrops

, Sep 16, 2015 - Styling & Customizing File Inputs the Smart Way | Codrops

A tutorial on how to style and customize file inputs in a semantic and accessible way using the label element and some JavaScript.

نمایش تعداد فایل انتخاب شده جهت آپلود بهمراه استایل زیبا.


Web Design & Development News: Collective #177 | Codrops

, Jul 22, 2015 - Web Design & Development News: Collective #177 | Codrops

Collective #177: Dropdown Alternatives * Quantity Ordering With CSS * Pure UI * CSS Facts * Code proverbs * Paths


Some More Inspiration for Text Input Effects | Codrops

, Mar 24, 2015 - Some More Inspiration for Text Input Effects | Codrops

A couple of more styles for text input effect inspiration including some new techniques and ideas.

یک پروژه دیگر در Codrops. استایلهای مختلف جعبه متن یا تکست باکس!


Playful Trampoline Effect | Codrops

, Mar 4, 2015 - Playful Trampoline Effect | Codrops

A little playful content navigation effect as a tribute to Leonard Nimoy. We use the draggable Elastic Stack and Snap.svg.

افکتهای های مدرن برای نمایش نوبتی تصاویر.


Inspiration for Button Styles and Effects | Codrops

, Feb 26, 2015 - Inspiration for Button Styles and Effects | Codrops

A collection of fresh button styles and effects for your inspiration. We use CSS transitions and pseudo-elements for most of the effects.

استایل های متحرک و متفاوت برای دکمه ها توسط CSS.


How to Create (Animated) Text Fills | Codrops

, Feb 16, 2015 - How to Create (Animated) Text Fills | Codrops

A tutorial on how to create various types of (animated) fills and strokes for text using different techniques including CSS and SVG.

ایجاد متون متحرک با css.


Freebie: "Boxify" One Page Website Template | Codrops

, Jan 28, 2015 - Freebie: "Boxify" One Page Website Template | Codrops

A modern free HTML5/CSS3 website template with a polished look and smooth animations, carefully crafted with the latest web technologies.

یک قالب رایگان و بسیار زیبا با HTML5/CSS3 .


Sliding Header Layout | Codrops

, Dec 25, 2014 - Sliding Header Layout | Codrops

A tutorial on how to create a simple layout with a fullscreen header that slides up to reveal a content area with an image grid.

آموزش ایجاد لایه ساده تمام صفحه با نمایش شبکه ای تصاویر(به همراه اسلاید بندی آنها).


Elastic SVG Elements | Codrops

, Dec 21, 2014 - Elastic SVG Elements | Codrops

Some inspiration for elastic components with SVG shape animations for enhanced UI interactions.

المنتهای انعطاف پذیر برای طراحی وب. شیک و مدرن.


Inspiration for Dialog Effects | Codrops

, Dec 9, 2014 - Inspiration for Dialog Effects | Codrops

A small collection of dialog effects using CSS (and SVG) animations for your inspiration.

نمایش جعبه پیام بسیار پیشرفته و مدرن. بهتر است دمو مجموعه را ببینید(با استفاده از CSS و SVG برای قسمتهای متحرک).


Drag and Drop Interaction Ideas | Codrops

, Nov 14, 2014 - Drag and Drop Interaction Ideas | Codrops

Some ideas for drag and drop interactions in a UI. The idea is to show a droppable area after an element is being dragged.

کشیدن و رها کردن با سبکی زیبا و مدرن.


Simple Morphing Search | Codrops

, Nov 5, 2014 - Simple Morphing Search | Codrops

A simple effect idea for a search input that morphs into a fullscreen overlay. The morphing search overlay will show a bigger search and some relevant content.

جستجو تمام صفحه در طراحی صفحات وب.


Resizing and Cropping Images with Canvas | Codrops

, Oct 31, 2014 - Resizing and Cropping Images with Canvas | Codrops

Learn how to resize and crop images using JavaScript and the HTML5 Canvas element using controls, commonly seen in photo editing applications.

برش تصویر با کمک جاوا اسکریپت و اچ تی ام ال 5. مثالی جذاب و آموزشی.


Inspiration for Custom Select Elements | Codrops

, Jul 25, 2014 - Inspiration for Custom Select Elements | Codrops

Some inspiration for styling a custom version of the select element. There are many possibilities and today we are exploring some ideas of how to let the user

استایلهای زیبا برای المنت Select در HTML.