#Codrops , Page 2 Of 2 , 25 Links


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.


Freebie: "Halcyon Days" One Page Website Template | Codrops

, Jul 25, 2014 - Freebie: "Halcyon Days" One Page Website Template | Codrops

A creative one page portfolio template exclusively made for Codrops readers by Peter Finlan. It's especially fitting for a portfolio or start-up website.

یک قالب زیبا و بسیار مدرن.


Ideas for Subtle Hover Effects | Codrops

, Jul 7, 2014 - Ideas for Subtle Hover Effects | Codrops

Some creative and subtle hover effect inspiration using modern CSS techniques including 3D translate and pseudo elements.

تکنیکهای مدرن در هنگام Hover در CSS.


Wikipedia

, Jun 30, 2014 - Wikipedia

Moe Salih realized his vision of Wikipedia; and it’s a beautiful concept! "Codrops"

نمایش ویکی‌پدیا در نمای جدید و زیبا.


Morphing Buttons Concept | Codrops

, Jun 29, 2014 - Morphing Buttons Concept | Codrops

Some inspiration for a morphing button concept where the action element (button) morphs into a component. The examples show different types of components, i.e.

یک استایل بسیار زیبا برای دکمه ها در وب. با توجه به این طراحی خاص براحتی می توانید به کلیدهای خود عملکرهای ماورایی بدهید! بهتر است اصل موضوع را خود ببینید.